Значение Vue 2 Prop не отображается в шаблоне - PullRequest
Новая
       2

Значение Vue 2 Prop не отображается в шаблоне

0 голосов
/ 06 мая 2019

У меня есть этот код, где я пытаюсь отобразить значение из prop в шаблоне, но получаю

Uncaught 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>

Я пытался изменить название подпорки, думая, что «канал» может быть резервным словом, но происходит то же самое.

1 Ответ

1 голос
/ 06 мая 2019

Измените интерполяцию JavaScript ${} на выражение vue {{}}

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