vue中复选框disabled属性动态绑定

项目需要在某种条件下禁用复选框，并且复选框不是在表单中，而是在表格中

搞了半天，果然新人选手好难，话不多说，上代码

<el-table stripe :data="tableData1" v-loading="loading1" @current-change="handleSelectionChange" style="width: 100%" :fit="true" border><el-table-column align="center" label="选择" width="120" ><template slot-scope="scope"><el-checkbox v-model="scope.row.checked" :disabled="dis"></el-checkbox></template></el-table-column>
</el-table>

data() {dis: true
}

isDis() {if (this.checkFlag === "01") {this.dis = false}}

解释一下，主要就是需要在复选框的标签中用v-bind进行动态绑定一个全局变量（：是语法糖），然后再data{}中对全局变量进行初始化，接着可以写一个修改全局变量的方法，就可以通过点击事件调用这个方法修改了

仅供个人学习记录

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！