美文网首页
v-for 循环中,子组件向父组件传值

v-for 循环中,子组件向父组件传值

作者: 忘记_3a6a | 来源:发表于2020-04-20 15:37 被阅读0次
  • 父组件中调用子组件,将 index传入
  <!-- 调用公共分割头部插件 -->
      <commonDividerHead ref="head" :index="index" :dividerHeadInfo="item" @showChange="showChange"></commonDividerHead>
  • 子组件传值
var showChange = { show: this.show, index: this.index };
this.$emit("showChange", showChange);
  • 父组件接收
 showChange(showChange) {
      //  console.log("showChange:",showChange);
      this.dividerHeadInfos[showChange.index].show = showChange.show;
    }
 data() {
    return {
      dividerHeadInfos: [
        {
          isShow: true, //是否显示
          show: true, //展开
          title: "用地审批", //名称
          message: "面积/千米", //信息
          buttons: [
            //按钮组
            {
              title: "保存",
              click: "this.$parent.say4()", //调用父类方法 (this.$parent.你的方法)
              type: "primary" //组件样式,查看element中Butten样式,如果有特殊样式需求,请提出
            },
            {
              title: "取消",
              click: "this.$parent.say5()",
              type: "warning"
            }
          ]
        },
        {
          isShow: true, //是否显示
          show: true, //展开
          title: "用地审批2",
          message: "面积/千米2",
          buttons: [
            {
              title: "保存2",
              click: "this.$parent.say4()",
              type: "primary"
            },
            {
              title: "取消2",
              click: "this.$parent.say5()",
              type: "warning"
            }
          ]
        }
      ]
    };

相关文章

  • ReactNative组件间的通信

    父组件向子组件通信 父组件向子组件传值 父组件向子组件传递方法 子组件向父组件通信 子组件向父组件传值 子组件向父...

  • Vue.js父子组件传值

    父组件向子组件传值: 子组件向父组件传值:

  • vue不同组件间传值方式

    父传子子传父非父子传值 1.父组件向子组件进行传值 父组件: 子组件: 2.子组件向父组件传值 子组件: 父组件:...

  • vue 中传值(父传子、子传父(传递多个事件)、eventBus

    1.0 父传子 父组件向子组件传值:子组件用props:['值'] 接收 ; 2.0 子传父 子组件向父组件传值 ...

  • Vue - 传值

    Vue 传值有两种:1)父组件向子组件传值(属性传值,Prop传值)2)子组件向父组件传值 一、父组件向子组件传值...

  • Vue.js父子组件和非父子组件间的传值通信

    [toc] 父子组件的传值通信 父组件向子组件传值 父组件: 子组件: 子组件向父组件传值 Note 子组件不能直...

  • vue单文件父子组件之间的通信

    主要笔记内容: 父组件向子组件传值; 子组件向父组件传值; 一、父组件向子组件传值: 步骤:1、父组件向下传递数据...

  • vue 组件之间传值方法

    1. 父组件向子组件传值 父组件: 子组件: 2. 子组件向父组件传值 子组件: 父组件: 3. 非父子之间传值 ...

  • Vue父子组件之间的传值

    1、父组件向子组件传值 父组件中 子组件中 2、子组件向父组件传值 子组件中 父组件中

  • 子组件向父组件传值

    子组件向父组件传值 思路:子组件向父组件传值,可以通过调用父组件的方法,来变相的传值 父组件向子组件传递方法 父元...

网友评论

      本文标题:v-for 循环中,子组件向父组件传值

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