console
var Main = {
data() {
return {
table: {
data: [
{ id: 1, name: "张三", age: 18, sex: "男", checked: true },
{ id: 2, name: "李四", age: 22, sex: "男", checked: true },
{ id: 3, name: "王五", age: 27, sex: "女", checked: false },
{ id: 4, name: "赵六", age: 25, sex: "男", checked: false },
],
}
}
},
methods: {
checkMethod({ row }) {
return !row.checked;
}
},
mounted() {
}
};
var app = new Vue(Main).$mount('#app')
<script src="https://unpkg.com/vue@2.6.0">
</script>
<script src="https://unpkg.com/xe-utils">
</script>
<script src="https://unpkg.com/vxe-table@3">
</script>
<div id="app">
<template>
<div>
<h2>VXETable默认选中并禁用</h2>
<br>
<br>
<vxe-table ref="dataTable" :data="table.data" :checkbox-config="{checkField: 'checked', checkMethod: checkMethod}">
<vxe-column type="checkbox" width="50" align="center"></vxe-column>
<vxe-column field="name" title="姓名">
</vxe-column>
<vxe-column field="age" title="年龄">
</vxe-column>
<vxe-column field="sex" title="性别">
</vxe-column>
</vxe-table>
</div>
</template>
</div>
@import url("https://unpkg.com/vxe-table/lib/style.css");