elementUi vue el-radio 監(jiān)聽選中變化的實例代碼
更新時間：2019年06月28日 13:50:44 作者：溫九月
這篇文章主要介紹了elementUi vue el-radio 監(jiān)聽選中變化，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
elementUi vue el-radio 監(jiān)聽選中變化的實例代碼如下所述：
//change是radio-group標簽的事件
<div>
<el-radio-group v-model="radioSex" @change="changeHandler">
<el-radio class="radio" label="man">男</el-radio>
<el-radio class="radio" label="woman">女</el-radio>
</el-radio-group>
</div>
export default {
name: 'Radio',
data () {
return {
radioSex: 'man'
}
},
methods: {
changeHandler(value) {
console.log('改變之后的值是:' + value)
}
}
}
ps：下面給大家介紹下vue+elementui下監(jiān)聽屏幕變化并處理對應樣式
mounted () {
window.addEventListener('resize', () => {
if (document.body.clientWidth < 900) {
this.tabposition = 'top'
} else {
this.tabposition = 'left'
}
})
}
補充：最好是將監(jiān)聽后對應的操作函數封裝起來，然后再頁面的銷毀程序中對window解除對應監(jiān)聽。
總結
以上所述是小編給大家介紹的elementUi vue el-radio 監(jiān)聽選中變化，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
這篇文章主要介紹了淺談vue中get請求解決傳輸數據是數組格式的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
在VUE應用中,經常會使用一些非vue實現的js庫,這些js庫可能要求外部傳入一些界面DOM節(jié)點,本文主要介紹了手動掛載Vue3.0組件到DOM節(jié)點的方法,感興趣的可以了解一下2024-08-08
vue-cli 腳手架基于Nightwatch的端到端測試環(huán)境的過程
這篇文章主要介紹了vue-cli 腳手架基于Nightwatch的端到端測試環(huán)境的過程,需要的朋友可以參考下2018-09-09
這篇文章主要介紹了vue cli4.0 如何配置環(huán)境變量，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
e中提供了一種混合機制--mixins，用來更高效的實現組件內容的復用。這篇文章主要介紹了Vue mixin 的用法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-04-04
vue實現的封裝全局filter并統(tǒng)一管理操作示例
這篇文章主要介紹了vue實現的封裝全局filter并統(tǒng)一管理操作,結合實例形式詳細分析了vue封裝全局filter及相關使用技巧,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了uni-app 的條件編碼和頁面布局，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-10-10
Vue3中provide和inject數據修改規(guī)則
在Vue3中,通過inject接收到的數據是否可以直接修改,取決于provide提供的值的類型和響應式處理方式,本文給大家介紹Vue3中provide和inject數據修改規(guī)則,感興趣的朋友一起看看吧2025-04-04
全局指令是Vue.js中的一種自定義指令,可以在整個應用中重復使用,通過Vue.directive方法定義,可以在組件內部直接使用,指令有多個生命周期鉤子,可以接收參數和修飾符,提高代碼復用性和可維護性,本文介紹vue全局指令文件directives,感興趣的朋友一起看看吧2025-02-02
下面小編就為大家?guī)硪黄獀ue.js實現備忘錄功能的方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07