el-form-item label=生成超级账套: prop=delFlag el-radio-group v-model=accountId el-radio label=1 click=showAccountDialog=true是el-radio el-radio label=0 click=showAccountDial
根据提供的代码,问题可能出在点击事件@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/i9yp 著作权归作者所有。请勿转载和采集!