mwbr.net
当前位置:首页 >> vuE.js获取元素高度 >>

vuE.js获取元素高度

function AdjustColumnsHeight() { var mainCol = window.document.getElementById('MainColumn'); var leftCol = window.document.getElementById('MainLeft'); var rightCol = window.document.getElementById('MainRight'); var hMainCol = m...

vue1.*版本中 在标签中加上el='dom',然后在代码中this.$els.dom这样就拿到了页面元素 vue2.*版本中 在标签上加上ref=dom',然后在代码中this.$refs.dom.$el这样就拿到了页面元素

// ref就是获取Dom, 只是把这个元素获取以后帮到$refs对象里了 Vue.$refs['video'].play();

this.$el 可以获取当前组件的容器节点,然后你就: this.$el.querySelect('.my-class')// 获取节点

如果是在父附件中,可以通过ref 在父组件中 this.$refs.ref1 在子组件中通过 this.$parent获取父组件

new Vue({ data:{ my_html:'百度' }})//使用v-html指令输出data中的html元素

v-on:click="say('hello!', $event)" 有时也需要在内联语句处理器中访问原生 DOM 事件。可以用特殊变量 $event 把它传入方法与事件处理器

主要你要理解v-if和v-show的区别,如果只在一个dom上操作,还是用v-show,他的原理的设置这个dom的display,对网页性能消耗小,如果在两个dom之间切换,用v-if,他是根据条件来判断是否加载dom。

var vue1= new Vue({el: '#v1'}); var vue2= new Vue({el: '#v2'});

使用v-bind可以设置html标签的属性,其中就包括了title属性,举例如下: HTML代码: 我是测试内容JavaScript(VUE)代码: var vm = new Vue({ el: '#app', data: { str: '123' }});初始化运行结果: 在控制台执行 vm.str = "abc"; 的结果: 从...

网站首页 | 网站地图
All rights reserved Powered by www.mwbr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com