不操作HTML,Vue如何在JS中绑定元素?
发布于 2年前 作者 avanade 510 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

正常情况下,Vue绑定元素是这样的:

<div id="app">
       <input type="text" v-model="test" />
</div>
var app = new Vue({
        el: '#app',
        data: {
            test: ""
        }
 })\n```
这是能够操作HTML元素的情况。
请问下,如果操作不了html,写不了 v-model="test" ,如何在把test绑定到input上呢?
2 回复

不是太明白你的"操作不了html"是什么意思?vue是mvvm框架,核心就是数据驱动,我们应该从jq去操作dom那个模式中跳出来,因为它和vue的核心相违背了。 大概说说我的猜测: 猜测一:

<div id="app">
       <input type="text" :value='test' />
</div>
var app = new Vue({
        el: '#app',
        data: {
            test: ""
        }
 })```

猜想二:
`
<div id="app">
       <input type="text" ref="myinput"/>
</div>
var app = new Vue({
        el: '#app',
        data: {
            test: ""
        },
         mounted() {
         this.$refs.myinput.value = this.test   
     }
 })
`

@alloyteamzy 谢谢的回复 我的意思是: 纯粹的这段代码<input type="text" />,不添加ref,:value,v-model等等代码,如何在js中把test绑定到input上?

回到顶部