Vue.js 我尝试使用vuetify在datatatable中创建一个复选框单元格,但它不起作用

Vue.js 我尝试使用vuetify在datatatable中创建一个复选框单元格,但它不起作用,vue.js,vuetify.js,Vue.js,Vuetify.js,我想在datatable中做一个复选框,当用户datatable包含的用户是管理员时,复选框被勾选 我试过这个代码,但不起作用。{{value==1}}}有效,因此该值为真/假。但是复选框没有改变 我能做什么 只读 :value=value==1 > {{value==1}} 使用v-model设置复选框状态 我认为您可能在设置模板的v形槽时遇到问题。通常,项被传递到v-slot值,然后当引用以获取键的值时,使用项[key],例如item.admin,假设admin将为0,1、true、fals

我想在datatable中做一个复选框,当用户datatable包含的用户是管理员时,复选框被勾选

我试过这个代码,但不起作用。{{value==1}}}有效,因此该值为真/假。但是复选框没有改变

我能做什么

只读 :value=value==1 > {{value==1}} 使用v-model设置复选框状态

我认为您可能在设置模板的v形槽时遇到问题。通常,项被传递到v-slot值,然后当引用以获取键的值时,使用项[key],例如item.admin,假设admin将为0,1、true、false、null或未定义

对所提供代码的重构将是:

v-model=item.admin :ripple=false 只读 > 工作示例:

Vue.config.productionTip=false; 新Vue{ el:“应用程序”, vuetify:新的vuetify, 资料{ 返回{ 标题:[ { 文本:“名称”, 宽度:“9rem”, 值:“名称”, }, { 文本:“是管理员”, 值:'admin' } ], 用户:[ { 姓名:'人A', 行政:1 }, { 姓名:'人B', 管理员:0 } ], } } } .v-数据表{ 宽度:16雷姆; }
它还可用于:value=item.admin。我认为这是不可逆转的