Vue里面如何获取dom元素?

1.直接给相应的元素加ID,然后再document.getElementById("id");获取

2.使用ref,给相应的元素加ref=“name”,然后再this.$refs.name获取到该元素

第一种方法也就是原生JS方法,毕竟前端框架八九不离JS

1.直接给相应的元素加ID,然后再document.getElementById("id");获取

2.使用ref,给相应的元素加ref=“name”,然后再this.$refs.name获取到该元素

这两种都不推荐,你应该用元素绑定来做减少代码量,这是vue特有的

如果你想修改元素属性可以使用v-blind 或者直接使用简化的  :

如果你想修改元素的值,可以使用v-model

只要在js里面设置好即可 ,例如下面的代码,输入框里的值就是1 属性:不禁用

在js里某些方法获取修改值可以直接使用 this.a 将a的值获取到,很方便

<div > <input type="text" v-model="a" :disabled="b"></div>

<script>

......
data{
  return{
  a:1,
  b:false
}
......

</script>

 

原生js怎么整,vue也可以怎么整。