Vue父子组件

父组件

  • 触发并初始化组件
          this.settingTableVisible = true;
          this.tableNodeObjTemp = part.data
          this.$nextTick(() => {
            this.$refs.settingTable.init(part.data);
          });
  • 父组件展示位置
 <setting-table v-if="settingTableVisible"  :nodeObjTemp="tableNodeObjTemp"
                   @submit-update="changeNode"
                   @execute="execute" ref="settingTable"></setting-table>
  • 引用子组件
import SettingTable from "./setting-table"; //数据表设置弹窗
components: {
      SettingTable, //数据表设置弹窗
    },

子组件

  • 接受父组件参数
props: {
      nodeObjTemp: {},
    },
props: ["idName","jobId"],
  • 初始化
init(data) {
     this.visible = true
      },

Vue父子组件

  • 返回父组件
save(){
        this.visible = false;
        this.nodeObjTemp.nodeTaskType = this.specialalgorithmId;
        this.$emit("submit-update", this.nodeObjTemp);
      },
上一篇:c#-在.NET中使进程窗口可见/不可见


下一篇:DVB系统中PCR的生成和PCR校正