vue3 + vite + element-plus 踩坑

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>