elementUi vue el-radio 監聽選中變化的實例代碼如下所述:
//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下監聽屏幕變化并處理對應樣式
mounted () {window.addEventListener('resize', () => {if (document.body.clientWidth < 900) {this.tabposition = 'top'} else {this.tabposition = 'left'}})}
補充:最好是將監聽后對應的操作函數封裝起來,然后再頁面的銷毀程序中對window解除對應監聽。
總結
以上所述是小編給大家介紹的elementUi vue el-radio 監聽選中變化,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
新聞熱點
疑難解答