如何在Vue模板中将字符串附加到常量?

时间:2019-12-16 16:48:59

标签: javascript vue.js

我有一个自定义指令,该指令将字符串作为值。我向原型添加了一个属性$ 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常数。

1 个答案:

答案 0 :(得分: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>