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

来源：7-25 播放器底部播放器适配+mixin的应用

baobaojiayou

2018-12-11

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

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

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

写回答

2回答

ustbhuangyi

2018-12-12

已采纳

//img.mukewang.com/szimg/5c0fe6430001b6cc06980086.jpg

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

baobaojiayou

非常感谢！

2018-12-12

共1条回复

ustbhuangyi

2018-12-11

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

baobaojiayou

ustbhuangyi

就因为是scroll 就要加 $el吗。麻烦老师解答实在转不过来弯

2018-12-11

共4条回复

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

相似问题

回答 1

回答 2

回答 1

回答 1

回答 1