elementui表格动态配置单选还是多选?

基于elementuitable组件封装了一个表格,有一个需求就是提供一个属性给用户,可以动态设置表格是单选还是多选,官方文档显示,如果是单选,需要在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该如何控制呢?

阅读 3.7k
2 个回答

highlight-current-row可以直接写 也可以:highlight-current-row=true 可以用三元判断

data () {

status: false

}
:highlight-current-row="status"

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题