vue.js 2.0 关于ref--绑定dom对象并获取

v-ref、v-el 弃用统一使用ref属性为元素或组件添加标记，然后通过this.$refs获取。开始我用:<div class="menu-wrapper" ref="menu-wrapper">来绑定dom对象，然而浏览器报错vue.esm.js?65d7:434 [Vue warn]: Error in nextTick: “TypeError: Cannot

wcq_work1995

9304人浏览 · 2017-05-21 14:48:37

wcq_work1995 · 2017-05-21 14:48:37 发布

v-ref、v-el 弃用统一使用ref属性为元素或组件添加标记，然后通过this.$refs获取。
开始我用:

<div class="menu-wrapper" ref="menu-wrapper"> 来绑定dom对象，然而浏览器报错vue.esm.js?65d7:434 [Vue warn]: Error in nextTick: “TypeError: Cannot read property ‘children’ of undefined”，在经过多次修改后，发现

<div class="menu-wrapper" ref="menuWrapper"> 将ref里“-”去掉，就不会报错了，应该是修改了命名规则吧。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^