vue组件之el-tree、el-select、el-autocomplete、el-table篇

1.el-tree 多选->单选

html部分

<el-tree @check="change" @ref="treeRef"></el-tree>

methods部分

change(data,checked,indeterminate){
this.$ref.treeRef.setCheckedkeys([]);
this.$ref.treeRef.setCheckedkeys([data.id]);
}

2.el-select 选中option之后没有立即生效

html部分

<el-select @change="chooseChange"

methods部分

chooseChange(){
this.$forceUpdate();
}

3.el-autocomplete 代替input+table的写法

html部分

      <el-autocomplete
        v-model="state"
        :fetch-suggestions="querySearchAsync"
        placeholder="请输入内容"
        style="width: 300p