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>openMenu (tag, e) {console.log(this.$el)
}

控制台输出为

为生成这个router-link的根组件

vue中的this.$el相关推荐

2021-06-26 Vue中关与el挂载点的学习
Vue中关与el挂载点的学习目录 Vue中关与el挂载点的学习 el的基本概念 Vue实例的作用范围是什么是否可以使用其他的选择器是否可以设置其他的dom元素 el的基本概念通过css选择器实 ...
VUE中$refs和$el的使用
ref: 给元素或者子组件注册引用信息 ref有三种用法: 1.ref加在普通元素上,获取用this.$ref.xxx可以获取到dom元素. <div ref="system" ...
VUE中$refs和$el的使用详解
ref: 给元素或者子组件注册引用信息 ref有三种用法: 1.ref加在普通元素上,获取用this.$ref.xxx可以获取到dom元素. <div ref="system" ...
Vue中的hellow world描述el与data的基本使用--Vue知识点归纳(一)
本文中将描述: 第一个Vue程序的开发使用 Vue 中的属性 el 基本使用说明 Vue 中的属性 data 操作数据使用说明 1 Vue 中的hellow world <!DOCTYPE ht ...
vue 中的el表达式_Vue中vue.filter()的使用方法介绍（过滤）
本篇文章给大家带来的内容是关于Vue中vue.filter()的使用方法介绍(过滤),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. Vue过滤器 {{msg |msgFormat}} ...
props写法_简单理解vue中Props属性
本文实例为大家解析了vue中Props的属性,供大家参考,具体内容如下使用 Props 传递数据组件实例的作用域是孤立的.这意味着不能并且不应该在子组件的模板内直接引用父组件的数据.可以使用 pr ...
Vue中组件数据的传递
Vue中组件的作用域是隔离的,父组件中的数值子组件看不到!也就是说,用angular作比喻,组件的scope天生是scope:()的! 如果父组件需要往子组件中传数据,此时应该使用标签属性: < ...
Vue 中 CSS 动画原理
下面这段代码,是点击按钮实现hello world显示与隐藏 <div id="root"><div v-if="show">hello ...
vue中常碰见的坑_Vue 与 Vuex 的第一次接触遇到的坑
在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便 ...

vue中的this.$el

vue中的this.$el相关推荐

最新文章

热门文章