javascript - 无法从 Vue 获取 URL

Question

我有这个 iframe:<iframe src={{videoCodes}}></iframe> 和以下 js：

var app = new Vue({
    el: '#app',
    data: {
        videoCodes: "https://www.youtube.com/embed/Ok_v3b7S2_Y"
    },
    methods: {

    }
})

但我无法从 Vue 获取 videoCodes 并将其放入 iframe url。帮助？

标签： javascripthtmlvue.js

Answer 1

当使用变量作为元素的属性时，你需要使用v-bind as this:v-bind:src="videoCodes"或者作为简写:src="videoCodes"

文档：https ://vuejs.org/v2/api/#v-bind