Vue.js el-radio 点击事件无效问题解决方法
根据提供的代码,问题可能出在点击事件'@click'绑定在'el-radio'元素上。'el-radio'元素是一个原生的'input'元素,它的点击事件可能会被浏览器默认处理,导致'showAccountDialog'没有生效。
解决这个问题的一种方法是将点击事件绑定到'el-radio-group'元素上,而不是'el-radio'元素。可以尝试将代码修改如下:
<el-form-item label="生成超级账套:" prop="delFlag">
<el-radio-group v-model="accountId" @change="changeAccount">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
</el-radio-group>
</el-form-item>
然后在Vue组件中添加一个'changeAccount'方法:
methods: {
changeAccount() {
this.showAccountDialog = this.accountId === '1';
},
// 其他方法...
}
这样,当用户选择一个选项时,'changeAccount'方法将会被调用,根据'accountId'的值来设置'showAccountDialog'的状态。
原文地址: https://www.cveoy.top/t/topic/jLsu 著作权归作者所有。请勿转载和采集!