Vuejs2 vue v-model消息动态不打印
我想在文本框中显示动态值。我正在通过“message”传递值,我想在文本框默认值中显示“Welcome to My project”,当我更改文本框中的文本时,它会动态更改我的输入值:{{message}。message placeVuejs2 vue v-model消息动态不打印,vuejs2,Vuejs2,我想在文本框中显示动态值。我正在通过“message”传递值,我想在文本框默认值中显示“Welcome to My project”,当我更改文本框中的文本时,它会动态更改我的输入值:{{message}。message place 错误消息我的输入值:{{Message}。为了拥有动态数据(也称为被动数据),您需要在vue数据属性中将其设置为函数,可引用为函数,即使此处可作为属性使用,然后,它会自动更新,并在模板发生更改时发出某些警告。实际上,没有理由像您那样在数据属性之外进行声明。 像这样:
错误消息我的输入值:{{Message}。为了拥有动态数据(也称为被动数据),您需要在vue数据属性中将其设置为函数,可引用为函数,即使此处可作为属性使用,然后,它会自动更新,并在模板发生更改时发出某些警告。实际上,没有理由像您那样在数据属性之外进行声明。 像这样:
此外,您还需要纠正已经指出的打字错误。是否是因为打字错误-新Veu而不是新VueFix出现了打字错误问题,应该可以正常工作。谢谢,@AjinderSingh现在是工作时间了。
<div id="main">
<input type="text" id="input" v-model="message">
<p>My input value: {{ message }}.</p>
</div>
<script src="https://unpkg.com/vue@2.6.10/dist/vue.js"></script>
<script>
let data={message: 'Welcome to my project'};
new Veu({
el:'#main',
data : data})
</script>
data(){
return {
message: 'welcome to my project'
}