[vue获取元素]—各种方式

饭团

1.document.getElementById("erweima");有BUG有些标签获取不到。不推荐

2.var video =document.querySelectorAll(video); 还是容易出BUG。不过比第一种好点。不推荐

3.通过ref获取 （推荐）
<template>  <ul ref="uldom">    <li></li>    <li></li>    <li></li>  </ul></template><script>export default {  mounted () {    console.log(this.$refs.uldom.children)  // this.$refs.uldom 也就是ul的dom对象 .children 也就是原生的js 方法  }}</script>
使用ref是最好的选择.他可以有效的减少对dom操作所造成的资源消耗
ref要设置里面的元素属性：
var video =this.$refs.mmmm;for(var i=0;i,i<video.length;i++){        video.$el.style.zIndex="1";}
点击图片让这个图片排在最上面
changeActive(s) {        var video =this.$refs.mmmm;        for(var i=0;i,i<video.length;i++){                video.$el.style.zIndex="1";        }        var mios = document.getElementById("mmmm"+s);        mios.style.zIndex="500"},
设置class   
video.classList.add("animated");


详细请看：www.ricemc.cn
另外：
查看外国人对中国的看法的网站谁在说话社区：www.mcqi.cn