vue中的this.$el

Vue 实例使用的根 DOM 元素比如我动态生成router-link<router-link :to="{ path: tag.path }"v-for='tag in visitedTags':key='tag.path'@click.prevent.native="openMenu(tag,$event)">{{tag.title}}</router-link>ope

|天上白玉京|

4475人浏览 · 2020-12-08 22:09:44

|天上白玉京| · 2020-12-08 22:09:44 发布

Vue 实例使用的根 DOM 元素

比如我动态生成router-link

<router-link :to="{ path: tag.path }"
v-for='tag in visitedTags'
:key='tag.path'
@click.prevent.native="openMenu(tag,$event)"
>{{tag.title}}</router-link>

openMenu (tag, e) {
	console.log(this.$el)
}

控制台输出为

在这里插入图片描述
为生成这个router-link的根组件

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}$/, //不连续的两位字母// /^