element技巧

组件

一、父子调用

父组件调子组件方法

1.,先引入子组件

<son ref="son"/>

2.调用

this.$refs.son.父类方法(参数);

子组件调父组件方法

this.$parent.方法名()

二、参数互传

父向子传递参数

1. 父类向子组件传参数

<Son :id="id" />

2. 子组件接收参数

export default {
  name: 'Son',
  props: {
    id: {
      type: String,
      default: null
    }
  },
...
// 参数可在子组件内用this.调用此参数为 this.id 

父类监听子组件返回的参数

1. 父类调用子组件并进行设置监听

<son @setUrl="监听名"></son>

    setUrl(data){
      //data中为子组件传入的参数
    },

2. 子组件调用父类监听

<el-button @click="addGbinfo(row)">选择</el-button>

    addGbinfo(data) {
      this.$emit('监听名', data)
    }

未分类

根据参数修改变量数据

    addGbinfo(data) {
      this.$set(变量名称,变量的key,变量的val);
    }