解决computed中$refs为undefined问题

1. 原因: computed第一次执行的时机在渲染DOM前,所以执行this.$refs拿到的当然是undefined,所以我们要解决这个问题就是要抓住渲染DOM节点之后的时期

2. 解决: 我们可以在computed中加一层判断,来判断组件是否被挂载

在这里插入图片描述
解决computed中$refs为undefined问题_第1张图片

3. 原理:因为computed的调用时机为在computed中使用的数据发生改变时,computed会再次被调用,所以isMounted在组件被挂载后被改变了,所以computed会再次调用,从而更新DOM节点

你可能感兴趣的:(前端,javascript,开发语言,vue.js)