美文网首页
el-checkbox-group v-model 绑定reac

el-checkbox-group v-model 绑定reac

作者: skoll | 来源:发表于2023-02-12 14:22 被阅读0次

问题

const checkList=ref([])
//这样也是生效的

const checkList =reactive([])
//直接放一个[],就没有效果

const checkList =reactive({
arr:[]
})
//这样是没问题的,reactive变成一个obj,里面的一个属性是arr

  <template v-if="data">
                <el-checkbox-group v-model="checkList.arr">
                    <el-checkbox v-for="c in data.data" :label="c._id">
                        {{ c.name }}
                    </el-checkbox>
                </el-checkbox-group>
            </template>

结论

1 .只有obj采用reactive,别的都用ref

相关文章

  • el-checkbox-group v-model 绑定reac

    问题 const checkList=ref([])//这样也是生效的 const checkList =reac...

  • vue2.0双向绑定的使用及简单实现

    v-model双向绑定用法input的双向绑定 chechbox(利用value值) v-model双向绑定简单实...

  • 2、数据绑定

    v-model双向绑定v-bind单向绑定 v-model双向绑定的例子 运行结果a.png 使用v-bind绑定...

  • First 数据绑定

    v-model双向绑定v-bind单向绑定 v-model双向绑定的例子 运行结果a.png 使用v-bind绑定...

  • v-model双向绑定

    v-model双向绑定

  • Vue2#v-model的常用用法

    1. v-model v-model 主要用来绑定数据 v-model常常用来给表单数据绑定数据,比如: v-mo...

  • vue基础

    v-bind:v-bind:(属性名) 单向数据绑定 v-model:v-model:(属性名) 双向数据绑定,一...

  • Vue.js教程_7

    表单输入绑定- v-model 基础语法 v-model指令在表单 、 、 元素上创建双向数据绑定。根据控件类型自...

  • .sync和v-model的区别

    v-model: 父组件上绑定v-model,相当于是子组件上 绑定 :value + @input事件(可以是其...

  • 与Vue.js的第二天

    今天学习了v-model,v-on; v-model v-model是双向数据绑定,用于表单元素。v-model ...

网友评论

      本文标题:el-checkbox-group v-model 绑定reac

      本文链接:https://www.haomeiwen.com/subject/sljdkdtx.html