![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
tinyint_813
这个作者很懒,什么都没留下…
展开
-
this.$nextTick
watch: { list () { this.$nextTick(function () { console.log(this.$refs.group) }) } } 注意:watch只能监听数据的变化,数据变化的时候不一定已经渲染完了所以为了保证是渲染完成之后再去获取,我们可以借助Vue的$nextTick方法来实现也就是说在 $nextTick 回调函数中一定能拿到渲染完成的数据,因为 $nextTick 回调函数只有在渲染完成原创 2021-06-04 20:35:12 · 95 阅读 · 0 评论 -
GET http://127.0.0.1:3000/lyric 502 (Bad Gateway)
原因:连接超时解决方案:发现服务器命令行显示表示请求到了服务器,但是解析数据的时候出了问题发现是请求的数据 id 没有在 actions.js 的 setSongDetail 中,没有给 obj 传 id,所以访问不到。...原创 2021-06-01 17:48:19 · 482 阅读 · 0 评论 -
点击播放模式按钮没反应
Vue warn: Method “computed” has type “object” in the component definition. Did you reference the function correctly?原因:把computed、watch写到了methods里面解决方案:写到正确的位置原创 2021-06-01 17:47:42 · 325 阅读 · 0 评论 -
GET http://127.0.0.1:3000/banner?type=2
项目bug—GET http://127.0.0.1:3000/banner?type=2 net::ERR_CONNECTION_REFUSED原因:swiper的bug,如果数据是从网络获取的,那么自动轮播到最后一页就不播了解决方案:给 swiper 设置 v-if=“banner.length > 0”原创 2021-06-01 17:47:05 · 978 阅读 · 0 评论 -
MVC 和 MVVM
MVCMVC:分为View用户界面、Controller业务逻辑、Model数据保存。通信方式从View --> Controller --> Model —> View 单向传递。MVVMMVVM:分为Model数据模型、View视图、VM数据模型和视图的桥梁。支持数据双向传递。数据可以从 M -> VM -> V,也可以从 V -> VM -> M。Vue就是基于MVVM,默认是单向传递 M -> VM -> V,在、多行文本及 下拉列表原创 2021-05-24 21:34:48 · 74 阅读 · 0 评论 -
vue子组件data为什么是函数
因为如果不是通过函数返回的,那么多个组件就会共用一份数据,就会造成数据混乱。原创 2021-05-24 21:32:08 · 69 阅读 · 0 评论 -
v-slot的原理
在子组件中先用slot标签放一个插槽,可以用name指定名称,这就是具名插槽。在父组件中使用子组件时,在子组件的里面把v-slot:name指定绑定在template标签上。原创 2021-05-24 21:31:17 · 193 阅读 · 0 评论 -
errors and 0 warnings potentially fixable with the `--fix` option.
errors and 0 warnings potentially fixable with the --fix option.在创建项目的时候选择的是standard正常模式,所以每次都会对代码进行检查,看是否符合Eslint规范原因:格式不正确,有很多空格解决方案: 在settings里面找到后面就可以右键就可以自动修改格式了...原创 2021-05-22 20:34:16 · 1894 阅读 · 0 评论