kttq.net
当前位置:首页 >> vuE 点击获取当前节点 >>

vuE 点击获取当前节点

在vue的世界里,没有动态添加dom这种概念,一切都是数据驱动 {{obj.name}} {{obj.prop}} $(function () { alert(1); }); var vue = new Vue({ el: 'body', data: { //初始obj是空的,因此视图默认是什么都没有 obj:{} }, ready: function () { /...

var arrs = []; function haha(){ var data = [ { name: '中国', children: [ { name: '第三节课', }, { name: '教', children: [ { name: '大一', children: [ { name: '课程1', children: [ { name: '1231' }, { name: '121' } ] },

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

在 vue 中用 document 获取 dom 节点进行节点样式更改的时候有可能会出现 'style' is not definde的错误, 这时候可以在 mounted 里用 $refs 来获取样式,并进行更改: export default { mounted () { console.log(this.$refs.abc.style.cssText...

在修改数据后调用this.$nextTick,首次加载在mounted函数里面调用this.$nextTick this.$nextTick(function () { //dom已更新 })

vue生命周期的栗子 注意触发vue的created事件以后,this便指向vue实例,这点很重要 vue生命周期 {{a}} 我是内容二 var myVue = new Vue({ el: ".test", data: { a: "我是内容,在控制台输入myVue.a=123456,可以改变我的值" }, created: function ()...

var arrs = []; function haha(){ var data = [ { name: '中国', children: [ { name: '第三节课', }, { name: '教', children: [ { name: '大一', children: [ { name: '课程1', children: [ { name: '1231' }, { name: '121' } ] }, { name: ...

DOM 节点是指在XML文档中的每个成分都是一个节点。整个文档就是一个文档节点,每个XML标签是一个元素节点

.add{ color:#ff0} 1 2 3 $(document).ready(function() { $("div ul li").click(function(){ $(this).addClass("add").siblings().removeClass("add"); }); });

给节点定义一个 v-el 然后在组建实例中 this.$els.xxx 来索引 dom,具体操作就用原生方法

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