vue自定义组件上的v-model如何与子组件数据绑定

v-model父组件写法:



  

我是插槽

v-model子组件写法

export default {
        name: "ww",
        props: {
            show: {
                type: Boolean,
            }
        },
      //prop代表着要和props的那个变量相对应
      //event表示着事件,触发事件getValue的时候会改变父组件v-model的值。
        model:{
          prop: 'show',
          event: 'getValue'
        },
        components:{
            CellGroup, Cell
        },
        methods: {
            getShow() {
                // eslint-disable-next-line no-console
                console.log(this.show);
            },
            tellValue(){
                this.$emit('getValue', false)
            }
        },
    }

你可能感兴趣的:(vue自定义组件上的v-model如何与子组件数据绑定)