根据提供的代码,问题可能出在点击事件'@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'的状态。

Vue.js el-radio 点击事件无效问题解决方法

原文地址: https://www.cveoy.top/t/topic/jLsu 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录