Vue中子组件获取父组件Table参数sort Table不生效

新手上路,请多包涵

image.png父组件中配置参数如上,image.png子组件获取colums参数遍历显示列,v-bind绑定attr,获取后显示image.png但是排序按钮点击无任何反应` <!-- 用户自定义需要显示的列 -->

        <template v-for="c in columns">
            <!-- 如果对应的列需要用到slot,则为对应的列生成具名插槽(作用域插槽) -->
            <el-table-column
                v-if="c.slot"
                :key="c.attr.prop"
                v-bind="c.attr"
                >
                <template slot-scope="scope">
                    <slot :name="c.attr.prop" :row='scope.row'></slot>
                </template>
            </el-table-column>
            <el-table-column
                v-else
                :key="c.attr.prop"
                v-bind="c.attr"
                >
            </el-table-column>
        </template>`
阅读 3.2k
2 个回答
✓ 已被采纳新手上路,请多包涵

设置sortable:true,不要加单引号,是boolean类型

你截图里面的名字,只有attr属性,都没有slot,v-if=“c.slot”,就是false了,不会渲染这个

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