- 主题:请觉一个v的问题,
<div class="test" id="test" :class="{someClass:这里怎样获取本元素的其它属性=='test'}">test</div>
thx
--
FROM 61.183.136.*
你这个得看具体哪个框架,才能看这个框架的模板技术支持玩法。
【 在 xiatianup 的大作中提到: 】
: <div class="test" id="test" :class="{someClass:这里怎样获取本元素的其它属性=='test'}">test</div>
: thx
--
FROM 223.72.60.*
如果你的 v 是指 vue 的话(不要乱用缩写),可以用属性 ref="xxx" 命名后使用 this.$refs.xxx。这种用法的典型应用场景是 input.focus(),如果用在 div 上,很大概率是你的设计有问题,创造出来了一个奇怪的需求
【 在 xiatianup (李 ,只是期待夏天!!) 的大作中提到: 】
: <div class="test" id="test" :class="{someClass:这里怎样获取本元素的其它属性=='test'}">test</div>
: thx
--
FROM 122.60.91.*
vue,这2天开始实战这个。
【 在 dhcn (小石) 的大作中提到: 】
: 你这个得看具体哪个框架,才能看这个框架的模板技术支持玩法。
--
FROM 119.79.64.*
<div id="box">
<div class="test" id="test" ref="hello" :class="{someClass:haha==='test'}">test</div>
</div>
new Vue({
el:"#box",
computed:{
haha:function(){
console.log(this.$refs.hello);//不知道为什么输出的是undefined
return this.$refs.hello.id;
}
}
})
昨天试过ref,只有当在test上挂载事件,从事件函数里可以获取到this.$refs.hello,从计算属性就获取不到该元素,自然就获取不到该元素的相关属性。
顿时觉得这个ref有些尴尬。
【 在 eGust (十年) 的大作中提到: 】
: 如果你的 v 是指 vue 的话(不要乱用缩写),可以用属性 ref="xxx" 命名后使用 this.$refs.xxx。这种用法的典型应用场景是 input.focus(),如果用在 div 上,很大概率是你的设计有问题,创造出来了一个奇怪的需求
--
FROM 119.79.64.*
夏总啊,我觉得已经说的挺明白了,如果第一次用 ref 的场景不是 input.focus(),说明你用错了。另外,你应该不会想在 data 里用 ref 吧?
reactive 框架的思维方式跟传统 jquery 完全不一样,需要用 ref 的场景非常少见。如果这是你第一个学的 reactive 框架,那大概还是原来那种拿到 dom 处理的思路。然而这些框架都是 vdom,如果你访问放在 v-if/v-else 上或子成员的 ref,发现是 undefined,会不会觉得很惊讶?
如果你说一下自己具体想做什么,那还能说一下应该怎么做。现在除了告诉你用错了以为,你完全不会学到任何有用的东西。reactive 框架不是给你一套东西,然后你想当然的想怎么用就怎么用,而是给你规定了一套东西,你应该遵守它的方式。否则你会遇到一堆不存在的问题,就像你上次抱怨 chunks一样,因为它压根就不是为你的问题设计的,不然我为啥总提 anti-pattern。一开始不习惯新的思维方式很正常,开始学 react 的时候,我经常觉得这点儿破事儿 jquery 五分钟就写完了,这折腾快半小时了还搞明白呢。但现在我会觉得这用 jquery 写好麻烦啊,以后想加点儿或者改点儿功能不得累死。
【 在 xiatianup (李 ,只是期待夏天!!) 的大作中提到: 】
: <div id="box">
: <div class="test" id="test" ref="hello" :class="{someClass:haha==='test'}">test</div>
: </div>
: ...................
--
FROM 122.60.91.*
应该先转变思想。。这不是jquery 。。哈
【 在 eGust (十年) 的大作中提到: 】
: 夏总啊,我觉得已经说的挺明白了,如果第一次用 ref 的场景不是 input.focus(),说明你用错了。另外,你应该不会想在 data 里用 ref 吧?
: reactive 框架的思维方式跟传统 jquery 完全不一样,需要用 ref 的场景非常少见。如果这是你第一个学的 reactive 框架,那大概还是原来那种拿到 dom 处理的思路。然而这些框架都是 vdom,如果你访问放在 v-if/v-else 上或子成员的 ref,发现是 undefined,会不会觉得很
: 如果你说一下自己具体想做什么,那还能说一下应该怎么做。现在除了告诉你用错了以为,你完全不会学到任何有用的东西。reactive 框架不是给你一套东西,然后你想当然的想怎么用就怎么用,而是给你规定了一套东西,你应该遵守它的方式。否则你会遇到一堆不存在的问题,就
: ...................
--
FROM 111.198.140.*
change mind? OK. just a little strange(别扭), I have to add a new data for doing this...
<div id="box">
<div class="test" :id="id" ref="hello" :class="{someClass:id==='test'}">test</div>
</div>
new Vue({
el:"#box",
data:{
id:"test"
}
})
【 在 eGust 的大作中提到: 】
: 夏总啊,我觉得已经说的挺明白了,如果第一次用 ref 的场景不是 input.focus(),说明你用错了。另外,你应该不会想在 data 里用 ref 吧?
: reactive 框架的思维方式跟传统 jquery 完全不一样,需要用 ref 的场景非常少见。如果这是你第一个学的 reactive 框架,那大概还是原来那种拿到 dom 处理的思路。然而这些框架都是 vdom,如果你访问放在 v-if/v-else 上或子成员的 ref,发现是 undefined,会不会觉得很惊讶?
: 如果你说一下自己具体想做什么,那还能说一下应该怎么做。现在除了告诉你用错了以为,你完全不会学到任何有用的东西。reactive 框架不是给你一套东西,然后你想当然的想怎么用就怎么用,而是给你规定了一套东西,你应该遵守它的方式。否则你会遇到一堆不存在的问题,就像你上次抱怨 chunks一样,因为它压根就不是为你的问题设计的,不然我为啥总提 anti-pattern。一开始不习惯新的思维方式很正常,开始学 react 的时候,我经常觉得这点儿破事儿 jquery 五分钟就写完了,这折腾快半小时了还搞明白呢。但现在我会觉得这用 jquery 写好麻烦啊,以后想加点儿或者改点儿功能不得累死。
: ...................
--
FROM 113.57.183.*
转变了,就是觉得有点strange。。。适应中。。。
【 在 shaolin 的大作中提到: 】
: 应该先转变思想。。这不是jquery 。。哈
:
--
FROM 113.57.183.*
慢慢就习惯了
另外,你大概也不需要 :id="xxx"
【 在 xiatianup (李 ,只是期待夏天!!) 的大作中提到: 】
: change mind? OK. just a little strange(别扭), I have to add a new data for doing this...
: <div id="box">
: <div class="test" :id="id" ref="hello" :class="{someClass:id==='test'}">test</div>
: ...................
--
FROM 122.60.91.*