关于$ref.$el的问题，mixin的问题

Question

为什么这里能用$refs之后可以加$el,不加$el会报错

这里就不能加$el，加了会报错

还有就是mixin里面为什么会有mounted() aictivate(),而且为什么把this.handlePlaylist(this.playlist)
挂载到这两个函数里。 您课上说 组件domready触发mounted， keep-alive组件切换触发activated，但是不明白这是为啥

Answer 1

ustbhuangyi 2018-12-12 00:31:27

非组件的 ref 本来指向的就是 DOM 了，当然不用加 $el

• 提问者 baobaojiayou #1

  非常感谢！

Answer 2

ustbhuangyi 2018-12-11 18:16:14

当 ref 写在组件上的时候，ref 执行的是它的组件实例，$el 才是指向组件渲染的真实 DOM 节点。
渲染触发 mounted ，keep-alive组件切换触发activated，我需要在这 2 个时机都执行 handlePlaylist

• 提问者 baobaojiayou #1

  当 ref 写在组件上的时候，ref 执行的是它的组件实例，$el 才是指向组件渲染的真实 DOM 节点。这个道理我都明白
  为什么第一个图片就可以用$el 第二个就不能用 ，他们是实现相同的功能啊

• ustbhuangyi 回复 提问者 baobaojiayou #2

  第二个是访问实例的方法啊

• 提问者 baobaojiayou 回复 ustbhuangyi #3

  明明都是要访问XXX.style.bottom。为什么一个是dom节点的style 一个是实例的style

点开查看后面1条评论