element-ui坑点

element-UI坑点

1、el-popconfirm 气泡确认框

-1 设置确认按钮的文字 confirmButtonText = “…” 是无效的

需要避免驼峰命名法 , 换成 confirm-button-text 才可以设置成功

同理 cancelButtonText 需要换成=>cancel-button-text

-2 用来触发 Popconfirm 显示的 HTML标签上 需要设置 slot="reference"

否则会隐藏显示

-3 官方文档中 Events 里的 onConfirm 和 onCancel 事件

目前无法绑定方法,或者无法触发方法，如:

@onConfirm=“click()”

切换大小写或者避免驼峰命名法都已经尝试,都无效

2 如何修改 el-table 的边框颜色

                .el-table td,
                .el-table th.is-leaf,
                .el-table--border,
                .el-table--group {
    
    
                    border-color: black;
                }

                .el-table--border::after,
                .el-table--group::after,
                .el-table::before {
    
    
                    background-color: black;
                }

3 el-select value值

el-select的 el-option 选项不可设置value为对象，虽然可以点击可以更改对应的值，但select控件无法分辨选中了哪一个选项

<el-select v-model="editingInst.templateId" placeholder="请选择模板" @change='selectC'>
       <el-option v-for="item in tempList" 
                  :key="item.id" :label="item.name"
                   :value="item">
           item为数组内的对象,若设置option的value为对象,select控件无法分辨,会显示选中所有的选项
       </el-option>
</el-select>