1, cascader 插件如果启用了多选,要用<el-form-item></el-form-item>包裹,不然会报错
2, el-popover 通过按钮点击手动关闭
//html 主要是定义ref这个属性 <el-popover placement="bottom" :width="400" trigger="click" ref="pop"> <template #reference> <el-button>选择标签</el-button> </template> <el-tree :data="tagList" show-checkbox check-on-click-node /> <div style="text-align:right;margin-top:20px;"> <el-button size="mini" @click="closePop" >关闭</el-button> <el-button type="primary" size="mini" >搜索</el-button> </div> </el-popover> //点击关闭按钮的时候执行这个方法就行 //关闭popover const closePop = () => { console.log(pop.value); pop.value.visibility = false }
3,el-cascader 复选的时候,之前只能点击前面的复选框才行,要改成点击选项也可以选中,加入下面的样式就可以。
注意:不能加在scoped的style标签里,单独用一个style标签包裹或者写在全局的css那里也行
<style > .el-checkbox{ position: absolute; 100%; } .el-checkbox + span{ margin-left: 10px; } </style>