el-checkbox是多选框

<el-checkbox v-if="row.is_sub==0" v-model="row.checked" :checked="row.checked" :label="row.name" @change="new_change_res(row)"></el-checkbox> 

v-if 

   是Vue的关键字，表示row.is_sub==0为真则显示这个checkbox DOM元素

v-model绑定的数据是value

        若row.checked为true，则选中该多选框。若row.checked为false，则不选中该多选框。

:checked="scope.row.checked"

        主动去选中：row.checked=true

        取消选中：row.checked=false

:label

        是多选框边上显示的名字

Logo
Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue