随笔分类 -  VUE

vue路由传参的三种基本方式
摘要：现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。 父组件中： methods： 方案一： getDescribe(id) { // 直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: , }) { path: ' 阅读全文
posted @ 2019-01-15 17:31 青春筑梦 阅读(159) 评论(0) 推荐(0)
vue选中与取消简单实现
摘要：``` selected(item) { if (!item.isShow) { item.isShow = true; this.selectedList.push(item.id) } else { item... 阅读全文
posted @ 2019-01-15 17:24 青春筑梦 阅读(2624) 评论(0) 推荐(0)
VUE 组件间通信
摘要：1. 父传子 2. 子传父 3. 兄弟相传 阅读全文
posted @ 2019-01-15 17:23 青春筑梦 阅读(302) 评论(0) 推荐(0)
Change事件多参
摘要：``` @change="(value) => selected(value, item)" selected(val, item) { if (val === true) { this.selectedData.push(item.courseware_id) } else { let index = this.select... 阅读全文
posted @ 2019-01-15 17:21 青春筑梦 阅读(294) 评论(0) 推荐(0)
随机背景色
摘要：随机取颜色 阅读全文
posted @ 2019-01-15 17:17 青春筑梦 阅读(189) 评论(0) 推荐(0)
VUE页面刷新问题
摘要：1). location方式 2). router方式 3). provide/inject方式 App.vue export default { name: 'App', // 提供reload方法 provide: function () { return { reload: this.relo 阅读全文
posted @ 2019-01-15 17:10 青春筑梦 阅读(456) 评论(1) 推荐(0)