Javascript 为什么v-model在vue.extend中使用时不起作用?
我的页面结构与此类似:Javascript 为什么v-model在vue.extend中使用时不起作用?,javascript,django,vue.js,Javascript,Django,Vue.js,我的页面结构与此类似: …这里有一些代码。。。 …这里还有其他代码。。。 var ExtendedElement=Vue.Extend({ 模板:“#我的模板”, 数据:函数(){ 返回{ 地址:{{some_address | safe}};//从django获取值 } }, 挂载:函数(){ console.log(this.address);//工作正常 } }); 新的ExtendedElement().$mount('#mount place'); …这里有些不重要的逻辑。。。 co
…这里有一些代码。。。
…这里还有其他代码。。。
var ExtendedElement=Vue.Extend({
模板:“#我的模板”,
数据:函数(){
返回{
地址:{{some_address | safe}};//从django获取值
}
},
挂载:函数(){
console.log(this.address);//工作正常
}
});
新的ExtendedElement().$mount('#mount place');
…这里有些不重要的逻辑。。。
const app=新的Vue({
分隔符:['[',']]'],
el:“#应用程序”
});
问题是它渲染得很好,但是
v-model
不工作,即输入没有显示任何内容。当通过控制台访问它时,它会显示vue对象内部的值。没有错误或警告。因此这里的问题是调用新的Vue
。解决方案是删除app
变量并将分隔符移动到Vue.Extend
call