将 v-slot 值传递给同一元素答案

【问题标题】：Passing a v-slot value to the same element将 v-slot 值传递给同一元素
【发布时间】：2021-04-10 14:47:33
【问题描述】：

我正在使用 Buefy 网格并尝试将道具从 v-slot 传递到同一元素中的另一个属性，但我收到错误消息说“道具未定义”，即使它就在它的正上方。有关如何解决此错误的任何想法？

<b-table :data="rowsData">

  <b-table-column
           v-slot="props"
           :cell-class="props.row.showDetail ? 'selected-row': ''"
           >
  </b-table-column>

</b-table>

这是我遇到的错误

【问题讨论】：

根据 Buefy 的文档，代码似乎是正确的。你使用 Vue v2.6 吗？
是的，我正在使用 vue "^2.6.10"。当我在元素中使用道具时，它可以工作，但是当我在起始标记中使用它时却不起作用
嗯，这很重要，我认为你不能在元素本身上使用作用域插槽道具，有趣

标签： vue.js vuejs2 vue-component vuex buefy

【解决方案1】：

试试这个：

v-slot='{props}'

或

v-slot='item'
:cell-class="item.props.row.showDetail ? 'selected-row': ''"

你需要取消引用道具。

【讨论】：

我们将得到这个工作@MahmoudFarargy，但您需要提供更多工作示例。目前尚不清楚您的父元素是什么。
没关系。我找到了另一种使用 Vanilla Javascript 动态添加或删除“选定行”类的方法。它工作正常，与插槽无关。谢谢大家。