随笔分类 -  vue

上一页 1 2
vue使用笔记
vue-routerV3.1版本报错：message: "Navigating to current location ("/home") is not allowed",
摘要：出现这个错误的原因是，在路由跳转的时候两次push的path地址相同 解决方法两种： 1.切换版本回3.0版本 2.在你引了vue-router的js文件里加上如下代码即可 import VueRouter from "vue-router"; // 解决两次访问相同路由地址报错 const ori 阅读全文
posted @ 2019-11-07 19:28 七度丢失的梦 阅读(6294) 评论(1) 推荐(0)
vue里使用element饿了么的el-menu+vue-router实现路由跳转的两种方法
摘要：最近准备写一个echarts的可视化展示案例，首先用vue-cli3创建了一个项目（好像vue-cli4也出来，感觉变化不大，就没升级了） 然后，开始配置路由↓下面是我的router.js文件 import Vue from "vue"; import VueRouter from "vue-rou 阅读全文
posted @ 2019-11-07 19:11 七度丢失的梦 阅读(29709) 评论(0) 推荐(3)
vue报错There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these mod
摘要：今天在开发一个新项目时，当安装完依赖包启动项目后报了一个这个错 There are multiple modules with names that only differ in casing.This can lead to unexpected behavior when compiling o 阅读全文
posted @ 2019-10-21 10:50 七度丢失的梦 阅读(5673) 评论(0) 推荐(0)
vue报错 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's
摘要：[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or comput 阅读全文
posted @ 2019-08-12 16:07 七度丢失的梦 阅读(2443) 评论(0) 推荐(0)
vue报错[Vue warn]: The data property "record" is already declared as a prop. Use prop default value instead.
摘要：当我写了一个子组件，点击打开子组件那个方法时报了一个错 这句话说明意思呢？谷歌翻译一下↓ 数据属性“record”已声明为prop。 请改用prop默认值。 感觉翻译的有点怪，通过最后修改代码后大概意思就是，子组件接收父组件值得时候已经用了record这个key，但是在子组件的data里又定义了re 阅读全文
posted @ 2019-08-12 16:00 七度丢失的梦 阅读(7477) 评论(0) 推荐(1)
vue里使用elementUI里的下拉树表格，如何定义个性化的子表格？
摘要：最近项目写到一个业务，首先需要展示各类分组的基本信息，然后需要点击每个分组展示该分组下子的所有具体信息 一开始我是打算用tab来展示就是首先父分组的名称就是各个不同的tab按钮，然后点击按钮再展示不同的子表格信息 but...产品说不行，要一开始就展示一个表格，然后每一行可以点击下拉，再展示一个子表 阅读全文
posted @ 2019-08-12 13:50 七度丢失的梦 阅读(9694) 评论(3) 推荐(4)
vue使用饿了么element-ui框架中的上传组件进度条无法使用，:on-progress钩子无法触发的原因
摘要：自己写的例子都是好好的，调试了半天，在项目里怎么都出不来 最终终于找到原因： 在上传文件时要做进度显示需要用到xhr.upload.onprogress事件，此时如果你的项目里用到mock.js模拟数据的话则无法触发onprogress事件 el-upload的源码中 const xhr = new 阅读全文
posted @ 2019-06-27 16:10 七度丢失的梦 阅读(10357) 评论(0) 推荐(0)
在vue中使用elementUI饿了么框架使用el-tabs，切换Tab如何实现实时加载，以及el-table表格使用总结
摘要：当我们在开发中遇到tab切换，这时候用el的el-tabs感觉很方便 但当我在把代码都写完后，发现一个问题就是页面打开时 虽然我们只能看见当前一个tab页，但是vue会帮你把你写的所有tab页的内容都渲染出来了，只是其他的隐藏了，同时其他tab的js也都走了一边，当你点击tab时js就不会再去请求后 阅读全文
posted @ 2019-06-15 14:18 七度丢失的梦 阅读(40497) 评论(2) 推荐(5)
使用饿了么el-date-picker里及如何将后台给的时间戳js转化为时间格式
摘要：首先代码是这个样子的，使用v-model 当formData.createTime接收后台的值是时间戳时，页面F12报：TypeError: dateStr.search is not a function 为什么呢，查看官网文档：使用format指定输入框的格式；使用value-format指定绑 阅读全文
posted @ 2019-05-24 10:18 七度丢失的梦 阅读(7252) 评论(0) 推荐(0)
如何让vue自定义组件可以包裹内容，并且渲染出来，以及组件的组合使用
摘要：当我们用vue一开始写项目时，按需求文档自定义了一个公用组件，这个组件很多地方都用到了，然后随着项目的推进，又有了新的需求要在里面加东西，但又不是所有的地方都要加 这时候我们想这样往里面塞内容↓ <my-template>是我们自定义的公共组件 但这样运行代码后，发现页面还是以前的样子，这个div并 阅读全文
posted @ 2019-04-29 11:27 七度丢失的梦 阅读(4181) 评论(0) 推荐(0)
vue里如何灵活的绑定class以及内联style
摘要：在我们平常的前端开发中少不了对DOM的操作，以及样式的动态控制，那我们在使用vue的时候该如何灵活的绑定class呢 1.最简单一个class绑定 2对象中也可以传入多个属性，来动态切换class，同时class也可以与:class共存，看下面代码↓ 3.当class需要绑定比较多，而且逻辑比较复杂 阅读全文
posted @ 2019-04-28 15:43 七度丢失的梦 阅读(336) 评论(0) 推荐(0)
vue的父子组件间的相互传参props及props数据的多种验证机制
摘要：感觉自己即将完全步入前端大军，后台老板都不需要我弄了，塞翁失马。。。时间会告诉我们是好是坏 好了言归正传，最近vue是搞的不亦乐乎啊，下面来总结一下vue组件间的各种使用方法以及一些技巧 1.父组件如何向子组件传参数 [Vue warn]: Avoid mutating a prop directl 阅读全文
posted @ 2019-04-26 11:31 七度丢失的梦 阅读(1640) 评论(0) 推荐(0)
为什么VUE注册组件命名时不能用大写的？
摘要：这段时间一直在弄vue，当然也遇到很多问题，这里就来跟大家分享一些注册自定义模板组件的心得 首先“VUE注册组件命名时不能用大写“其实这句话是不对的，但我们很多人开始都觉得是对的，因为大家都踩过大写命名的坑 下面我们来看个例子： 当我看完官网的文档后，信心满满的第一次准备自定义组件时，就写的跟上面差 阅读全文
posted @ 2019-04-25 10:26 七度丢失的梦 阅读(4155) 评论(0) 推荐(0)
@vue-cli3创建项目报错：ERROR command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org --di
摘要：使用@vue-cli3时 在你感觉所以配置都搞好开始创建项目时，不停的报错，就是创建不成功 清npm缓存也不行 改淘宝镜像也不行 就快奔溃了，最后最终（其实我在凑150字，为了能发到首页给更多采坑的兄dei们看到，哈哈哈） 我搜了很多最终用下面这个方法解决了 打开这个文件 这个值开始是true，改成 阅读全文
posted @ 2019-04-08 21:30 七度丢失的梦 阅读(11545) 评论(0) 推荐(0)

上一页 1 2