vue父子组件通信

2021-07-05  本文已影响0人  lvyweb

一、vue父组件传值给子组件

父组件中定义一个数据clickCourtFjm

<device-tree :courtFjm="clickCourtFjm"></device-tree>

子组件接收数据

 props: {
            courtFjm: {
                type: String,
                default: ''
            }
        },
 created(){
            console.log("******courtFjm*****", this.courtFjm);//这里就可以打印出来父组件传的值
        },

二、vue父组件和子组件双向数据绑定

父组件中

<see ref="assetList" v-model:dataShow ='dataShow'/>

子组件中接收数据

props: {
    dataShow: {
        type: Boolean,
        default: false
    }
  },
  emits: ["update:dataShow"],
// 具体事件中
methods:{
 handleChange() {
      this.$emit("update:dataShow", this.tableSelect);
    },
}
上一篇下一篇

猜你喜欢

热点阅读