vue父子组件之间传值

小咪咪 2023-05-30 08:52 107阅读 0赞

父组件向子组件传值 使用props

父组件：

  1. <LoongTable :chooseWay="chooseWay"></LoongTable>

子组件

  1. props: {
  2.     chooseWay: {}
  3. }

子组件向父组件传值 使用$emit

子组件

  1. this.$emit('selectData', "值")
  2. // 子组件可以变更父组件
  3. this.$emit('update:isShow', "值")

父组件

  1. <LoongTable @selectData="getData" :isShow.sync="isNotice"></LoongTable>
  2. // 通过$event得到值
  3. <LoongTable @selectData="data=$event"></LoongTable>
  5. methods: {
  6.     getData: function (data) {
  7.     this.selectDatas = data;
  8. }

发表评论

表情：
评论列表 （有 0 条评论，107人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue父子组件传值

    Vue父子组件传值：有四种方式：props，ref，emit 和模板传递通信slot 通过props来传值： 静态传值就是直接通过props来传递 动态传值是通

    Dear 丶Dear 丶/ 0 赞/ 490 阅读