基于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
该如何控制呢?
highlight-current-row可以直接写 也可以:highlight-current-row=true 可以用三元判断