修改element样式

因为element组件在使用时都是子组件，而你又想把样式写在<style lang="scss" scoped></style>里，不想污染全局。
使用深度选择器，在父组件里面修改子组件样式有2种方法：

• ::v-deep

.table-style-1 .el-form-item ::v-deep .el-input__inner{
  border: none;
}

• >>>

.table-style-1 .el-form-item >>> .el-input__inner{
  border: none;
}

同一层级不能使用一次以上v-for

错误提示：Duplicate keys detected: '0'. This may cause an update error

// 错误示范
<div v-for="item in data1" :key="item.id"></div>
<div v-for="item in data2" :key="item.id"></div>

// 正确示范
<div v-for="item in data1" :key="item.id"></div>
<div>
  <div v-for="item in data2" :key="item.id"></div>
</div>

element dialog open调用子组件方法

需要在父组件方法里使用nextTick()

// 父组件代码
<el-dialog :visible.sync="visible" @open="openEditDialog">
  <child ref="child" @switch="switchShow" />
</el-dialog>
openEditDialog(){
  this.$nextTick(() => {
    this.$refs.child.childMethod()
  })
}