如何将字符串附加到 Vue 模板中的常量？

Question

我有一个将字符串作为值的自定义指令。 我向原型 $ANALYTICS_EVENTS 添加了一个属性，并且我有一个包含字符串的常量文件。

我的按钮出现在不同的页面上，我需要将页面名称附加到它上面。

我目前拥有的是：

        <button
          v-analytics:click="$ANALYTICS_EVENTS.CONTINUE"
          :disabled="errors.any()"
          class="btn-primary uppercase fill"
          data-test="btn-identity"
          type="submit">{{ $t('create.continueCTA') }}</button>

其中“$ANALYTICS_EVENTS.CONTINUE”的计算结果为“继续”。 我需要的是让它评估为“Consumer (pageName) Continue。我不相信字符串插值可以工作。

我尝试过'Consumer Create - ' “$ANALYTICS_EVENTS.CONTINUE”，但我似乎无法找到一种方法来完成这项工作，而且我不愿意制作重复的、类似的 Continue 常量。

Answer 1

您是否尝试过使用 + ... 添加字符串？

 <button v-analytics:click="'Consumer Create - ' + $ANALYTICS_EVENTS.CONTINUE" :disabled="errors.any()" class="btn-primary uppercase fill" data-test="btn-identity" type="submit">{{ $t('create.continueCTA') }}</button>