Question

我有这段代码，试图从模板中的prop渲染值，但得到

未捕获的ReferenceError：未定义频道

<script>
    Vue.component('itemstable', {
        template: `<div>${channel}</div>`, // this is where the  error occurs.
        props: ['channel'],
        data() {
            return {

            }
        }
    })

    new Vue({
        el: '#items_app',
        data: {
            selectedChannel: 'pos',
            channels: JSON.parse(`["pos","kiosk"]`)
        }

    })
</script>

这是标记：

<div id="items_app">
    <itemstable
        :channel="selectedChannel"
    ></itemstable>
</div>

我曾尝试更改道具的名称，认为“频道”可能是保留字，但同样的事情发生。

Answer 1

将javascript插值${}更改为vue表达式{{}}

 template: `<div>{{channel}}</div>`,

Vue 2属性值未在模板中呈现

1 个答案: