elementui表格动态配置单选还是多选?
基于elementui
的table
组件封装了一个表格,有一个需求就是提供一个属性给用户,可以动态设置表格是单选还是多选,官方文档显示,如果是单选,需要在el-table
标签里面添加指令highlight-current-row
,如何动态添加该指令呢?
my-table.vue
<template>
<el-table
border
fit
highlight-current-row
>
<slot></slot>
</el-table>
</template>
<script>
export default {
name: 'my-table',
props: {
multiple: {
type: Boolean,
default: true
},
},
data() {
return {
}
},
}
</script>
如果 multiple == false
标识单选,如果为true
,标识多选,highlight-current-row
该如何控制呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
highlight-current-row可以直接写 也可以:highlight-current-row=true 可以用三元判断
data () {
}
:highlight-current-row="status"