如何将变量注入模板中的字符串？

Question

在我的页面中，我有一个：

PrimeNg

<ul> <li class="validation-labels" v-for="(label, key) of labels" v-bind:key="key"> {{ constants.validationRequirements[label.type] }} </li> </ul> 看起来像是：label

{ type: string, value: any }看起来像：

constants.validationRequirements

从常量字符串中validationRequirements: { 'capitals': 'Must include {{ value }} capitals', 'minLength': 'Must be a minimum length of {{ value }}' } 注入label.value的最佳方法是什么？

Answer 1

您可以使用以下内容：

<ul>
    <li
        class="validation-labels"
        v-for="(label, key) of labels" v-bind:key="key">
        {{ validationReqs(label.type, label.value) }}
    </li>
</ul>

在您的计算属性中：

validationReqs(type, value) {
  return this.constants.validationRequirements[type]
         .replace('{{ value }}', value);
}