Ant-design-vue: 关于table column的scopedSlots

Created on 14 Feb 2020 · 3Comments · Source: vueComponent/ant-design-vue

[ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.4.11

Environment

vue 2.6.10、idea 2019.3

Reproduction link

Steps to reproduce

无

What is expected?

在vue2.6的版本中将使用v-slot替代原有的slot 和 slot-scope，并且在官方文档中，写明作用域插槽的内部工作原理是将插槽内容包括在一个传入“单个”参数的函数里，并允许使用结构语法解出单参数中的属性，但是咱们的scopedSlots却是多参数。

What is actually happening?

slot="action" slot-scope="text,record" 的写法在我的idea 2019.3中可以运行，但是标红线，提示语法错误。按照vue文档的写法，此处是否最好是单参数（虽然它不影响运行）？至少多参数肯定无法实现vue官方文档中的解构。@see https://cn.vuejs.org/v2/guide/components-slots.html#%E8%A7%A3%E6%9E%84%E6%8F%92%E6%A7%BD-Prop
尝试使用v-slot:action="text,record"替代之前的 slot="action" slot-scope="text,record" 无法正常运行

Source

li-xiaoyin

Most helpful comment

用 #slotname 缩写不会出现警告，可以尝试

      <template #action="text, record">
        <a href="javascript:;">Invite 一 {{record.name}}</a>
        <a-divider type="vertical"/>
        <a href="javascript:;">Delete</a>
        <a-divider type="vertical"/>
        <a href="javascript:;" class="ant-dropdown-link">More actions
          <a-icon type="down"/>
        </a>
      </template>

sendya on 15 Feb 2020

👍2

All 3 comments

多参数改成单参数将是破坏性更新，因为无法做到兼容，所以我们会在2.0版本的时候更改

tangjinzhou on 15 Feb 2020

用 #slotname 缩写不会出现警告，可以尝试

      <template #action="text, record">
        <a href="javascript:;">Invite 一 {{record.name}}</a>
        <a-divider type="vertical"/>
        <a href="javascript:;">Delete</a>
        <a-divider type="vertical"/>
        <a href="javascript:;" class="ant-dropdown-link">More actions
          <a-icon type="down"/>
        </a>
      </template>

sendya on 15 Feb 2020

👍2