您尚未登录,请登录后浏览更多内容! 登录 | 加入最MC

QQ登录

只需一步,快速开始

 找回密码
 加入最MC

QQ登录

只需一步,快速开始

查看: 87|回复: 0

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

[复制链接]
  • TA的每日心情

    2020-7-25 15:17
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2021-3-2 11:50:09 | 显示全部楼层 |0人打赏|阅读模式
    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


    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    您需要登录后才可以回帖 登录 | 加入最MC

    本版积分规则