<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.*