app.js

Question

我有一个客户的网站，必须使用vue 1.3，我在id上使用字符串插值有问题，因为我定义的分隔符不在组件级别工作。

使用下面的代码示例，我不断收到错误消息，说我不知道＆＃39;不存在。我也在twig模板中使用此代码。

以下是我的代码示例：

Vue.config.delimiters = ['${', '}'];

Vue.component('component-name', {
    delimiters: ['${', '}'],
    template: `<template>${ showSomething() }</template>`,
    methods: {
        showSomething: function () {
            return 'SOMETHING';
        }
    }
})

new Vue({
      el: '#app',
});

Answer 1

使用反斜杠退出字符串插值。

你可以用两种方式做到这一点。在$符号之前或之后放回斜杠。在你的情况下：

template: `<template>\${ showSomething() }</template>`,

或

template: `<template>$\{ showSomething() }</template>`,

app.js

Vue.config.delimiters = ['${', '}'];

Vue.component('component-name', {
    delimiters: ['${', '}'],
    template: `<template>\${ showSomething() }</template>`, // 'back slash to escape string interpolation'
    methods: {
        showSomething: function () {
            return 'SOMETHING';
        }
    }
})

new Vue({
      el: '#app',
});

Vue组件分隔符

1 个答案:

app.js