Failed to resolve directive: el vue2报错

vue2报错 Failed to resolve directive: el

为什么会报这个错呢,主要还是因为vue升级的时候,v-el在vue2.x以后被淘汰。使用新的标签ref替换v-el,接下来告诉大家怎么使用。

  • 之前v-el的写法
<div class="menu-wrapper" v-el="menu-wrapper">
      <ul class="menu">
        <li v-for="item in goods" class="menu-item">
          <span class="text">
            <span v-if="item.type>0" class="icon" :class="classMap[item.type]"></span>{{item.name}}
          </span>
        </li>
      </ul>
    </div>
  • 这是使用ref的写法 *请注意:menuWrapper不能使用menu-wrapper这种写法了
<div class="menu-wrapper" ref="menuWrapper">
      <ul class="menu">
        <li v-for="item in goods" class="menu-item">
          <span class="text">
            <span v-if="item.type>0" class="icon" :class="classMap[item.type]"></span>{{item.name}}
          </span>
        </li>
      </ul>
    </div>
  • 对应的这里通过js获取dom元素的时候,写法也发生变化
this.menuScroll = new BScroll(this.$refs.menuWrapper, {})

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏py+selenium

python如何将一个多位数数值转换为列表类型

974
来自专栏二进制文集

Java 代码模拟死锁

1002
来自专栏Echo is learning

字符、字符集、编码,以及它们python中会遇到的一些问题(下)

1445
来自专栏蓝天

C++的重载流输出运算符

// 下列代码输出什么? #include #include // typedef basic_ostream ostream; ...

974
来自专栏技术专栏

慕课网Flask高级编程实战-4.flask核心机制

在 3.8节我们通过db.create_all(app=app)的方式解决了working outside application context的错误,下面我...

2533
来自专栏企鹅号快讯

PHP高级特性之反射

反射-Reflection 面向对象编程中对象被赋予了自省的能力,而这个自省的过程就是反射。 反射,直观理解就是根据到达地找到出发地和来源。比如,一个光秃秃的对...

2159
来自专栏java一日一条

如何防止单例模式被JAVA反射攻击

单例模式相信大家都知道,用过的人不在少数。之前写过一篇博文《singleton模式四种线程安全的实现》(参见:http://blog.csdn.NET/u013...

1083
来自专栏别先生

Struts2(接受表单参数)请求数据自动封装和数据类型转换

Struts2请求数据自动封装:   (1)实现原理:参数拦截器   (2)方式1:jsp表单数据填充到action中的属性;        普通的成员变量,...

2037
来自专栏后端技术探索

nginx location配置(转)

今天讲下location的用法,部分内容是直接从网络上摘取的,这边做了一个整理,为了便于理解和学习,我这边做了一些例子。

1034
来自专栏个人分享

Redis常用命令

使用sadd创建集合 使用smembers 查询集合,使用srem删除集合中的元素 使用sismember查询集合中是否包含有此元素,有的话则返回1 没有返回0

1832

扫码关注云+社区