在HTML5中,我们可以通过JS来获取和设置表单或DOM节点的数据,如:document.getElementsByTagName('div')[0].innerText="设置数据",设置第一个div的值。在vue框架中,同样,可以获取和设置DOM元素的数据。
1:获取和设置input表单数据。
setmsg()">获取msg值
setmsg()">设置msg
data () {
return {
msg: 'Welcome ',
}
},
methods:{
//获取data中的msg的值
getmsg:function(){ //原始JS设置对象方法的方式
alert(this.msg);
},
//设置data中的msg的值
setmsg(){ //es6设置对象方法的方式
this.msg=”gaogaogao”;
}
}
上例中,点击“获取msg值”按钮,就会弹出input的原值Welcome ;点击“设置msg",就会修改input表单里的值为”gaogaogao”。
2:获取和设置DOM节点的内容