Vue.js “迁移”；槽；不推荐的语法

我正在运行vue.js 2.6.1 当前代码（由不在身边的同事编写）

他将“scope”指令与以下不推荐使用的语法一起使用

<template slot="HEAD[epc]" slot-scope="data">
            <div>
              <p class="column-title">{{data.label}}</p>
              <p class="explanation-text">{{data.field.explanation}}</p>
            </div>
</template>

{{data.label}
{{data.field.explainion}

我想访问插槽作用域“数据”道具 但是我想把旧语法移植到新语法上 文档中没有解释如何使用

此外，我尝试将scope=“head[epc]”更改为v-slot，控制台警告我混合语法

---

欢迎任何帮助。谢谢。

我只能猜测

HEAD[epc]

是您的子组件中的一个文本插槽名称，例如

为了使用它，您需要创建一个

数据

或

计算的

属性来表示它并使用。例如，在父组件中

数据：（）=>({
slotname:“头[epc]”
})

Vue.component（'Test'）{
数据：（）=>({
标签：“标签”，
字段：{
解释：“解释”
}
}),
模板：`
试验
`
})
新Vue({
el:“应用程序”，
数据：（）=>({
slotname:“头[epc]”
})
})

。列标题{
字体大小：粗体；
}
.解释文本{
颜色：蓝色；
}

{{data.label}
{{data.field.explainion}

我只能猜测

HEAD[epc]

是您的子组件中的一个文本插槽名称，例如

为了使用它，您需要创建一个

数据

或

计算的

属性来表示它并使用。例如，在父组件中

数据：（）=>({
slotname:“头[epc]”
})

Vue.component（'Test'）{
数据：（）=>({
标签：“标签”，
字段：{
解释：“解释”
}
}),
模板：`
试验
`
})
新Vue({
el:“应用程序”，
数据：（）=>({
slotname:“头[epc]”
})
})

。列标题{
字体大小：粗体；
}
.解释文本{
颜色：蓝色；
}

{{data.label}
{{data.field.explainion}

您可能需要类似于

v-slot:HEAD[epc]=“data”

的东西，但我不完全确定您能做到这一点。我从未见过类似于

插槽

属性中使用的动态名称，因此我不能完全确定它指的是什么，因为您可能会显示组件的

标记。如果

head[epc]

是子组件中的一个字槽名称，我会尽快更改它。如果

head[epc]

是子组件中的一个字槽名称，我就无法理解它的意思。它只是让人困惑，并导致尝试使用较新语法时出现问题。v-slot:HEAD[epc]=“data”是解决方案。我有一个被注入的道具，所以我需要的是一个动态的插槽名称，谢谢你想要像

v-slot:HEAD[epc]=“data”

这样的东西，但我不完全确定你能做到这一点。我从未见过类似于

插槽

属性中使用的动态名称，因此我不能完全确定它指的是什么，因为您可能会显示组件的

标记。如果

head[epc]

是子组件中的一个字槽名称，我会尽快更改它。如果

head[epc]

是子组件中的一个字槽名称，我就无法理解它的意思。它只是让人困惑，并导致尝试使用较新语法时出现问题。v-slot:HEAD[epc]=“data”是解决方案。我有一个道具，可以注射进去，所以我需要一个动态的插槽名称，谢谢一个bunchThis，谢谢。问题是，我的帕朗特里面有很多老虎机的名字。所以一个动态的插槽名称是我的解决方案。谢谢就是这样，谢谢。问题是，我的帕朗特里面有很多老虎机的名字。所以一个动态的插槽名称是我的解决方案。谢谢