export default { name: 'shopInfo', data () { return { tableData3: [],　　　　　checked: null, // 如果使用单选框,定义一个model值　　　　　currentSelectItem ...

最近做项目遇到一个需求,需要实现一个表格的单选,由于项目使用的是element-ui.于是去看了表格的文档,确实有单选的方法,但是官方的单选是直接选中表格行,通过颜色来区分 看着效果不明显,实际需要一个复选框可以选择,效果图如下 于是自己结合 ...

需求：在表格的第一列加上checkBox选择框，并实现表格的单选功能 首先采用element API中的多选属性，利用多选把它改成单选. HTML代码如下： 添加一列col type=selection selection-change方法 ...

欢迎扫码加群，一起讨论，共同学习成长！ ...

　　下午遇到一个需求：要求树只能单选（我们用的Element-ui 的tree组件，官方文档默认支持的是多选），现将实现单选的方法记录下： 　　template中新增如下： <el-tree @check-change="handleCheckChange" :props ...

1. Element-UI 的 el-tree 组件当设置了 show-checkbox 属性以后，默认是只能多选的，如果我们想要将其改选为单选，就要进行一些特殊的处理，首先看效果图。 2. 组件代码（只列出el-tree组件相关的代码） 3. 处理 handleCheckChange ...

看图说话 看代码说话 ...

公司平台利用vue+elementui搭建前端页面，因为本人第一次使用vue也遇到了不少坑，因为我要实现的效果如下图所示 实现这种单选框，只能选择一个，但element-ui展示的是多选框，checkbox自己也可以写，但不想写，还是想用element-ui实现表格单选，于是就 ...