![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Lucky_Aimee
这个作者很懒,什么都没留下…
展开
-
Vue项目升级后路由跳转无反应,报错Loading chunk chunk-xxxxx failed
现象描述:系统升级后,偶尔出现切换菜单无响应情况,手动刷新界面后恢复正常,报错信息如图所示原因分析:项目中使用了路由懒加载,每次发版且未手动刷新界面,点击菜单时,对应的文件在服务器端已被删除,此时就出现了点击菜单无反应的情况解决方法:1.不采用懒加载路由2.监听路由错误,正则匹配对应的错误消息后,自动刷新界面,代码如下router.onError((error) => { const pattern = /Loading chunk chunk-(.*)+ failed/g;原创 2020-08-12 09:47:01 · 4095 阅读 · 0 评论 -
element ui tree懒加载 新增,编辑,删除子节点后的刷新节点
前面一篇的table的懒加载做了三四天,做的心累。 不得不说这次tree的懒加载比table的懒加载好实现多了,至少官方文档里面提供了方法,不需要去过源码。业务逻辑也比前面的一个简单一些,没有修改父级节点的需求。1.界面展示做组织机构的管理,里面用了element-ui tree的懒加载,对树做新增子节点,删除节点,编辑节点后刷新节点数据,界面如下图所示。2.界面主要代码&...原创 2019-12-27 15:54:04 · 6753 阅读 · 0 评论 -
element-ui table懒加载,新增,编辑,删除子节点后的刷新节点
做全国行政区划的展示,包含街道数据有十几万条,全部加载接口比较慢,所以采取了table的懒加载,在新增子节点,编辑删除节点的过程中,官方文档里面并没有相对应的方法,里面遇到了很多坑,这里记录一下实现方法。1.首先界面如图所示,业务场景:表格外层有创建按钮,创建的是第一层节点,表格上的添加是指添加子节点,编辑和删除是针对当前节点,编辑时可以编辑父级区划;2.表格界面主要代码...原创 2019-12-24 14:23:48 · 12275 阅读 · 6 评论 -
element-ui 表单验证数字类型提示 xx is not a string
在做编辑行政区划的区划时,一打开编辑界面表单验证会报“code is not a string”解决办法如下,code本身是number类型,在表单验证里面改为number类型...原创 2019-12-23 09:10:09 · 8579 阅读 · 0 评论 -
vue在新窗口打开界面
openNewRouter () { const {href} = this.$router.resolve({ path: '/list', }) window.open(href, '_blank')}原创 2019-08-06 16:18:04 · 919 阅读 · 0 评论 -
vue路由里面的 router.push(),router.replace(),router.go()
之前在项目中用push和go用的比较多,没怎么注意到replace的用法。之前还一直在想为什么vue没有一个像微信小程序路由里面的wx.redirectTo一样的路由方式,原来是自己没有注意到。一、router.push() 想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器...原创 2019-01-04 19:53:48 · 24568 阅读 · 2 评论 -
vue离开页面清除定时器
<script> export default { name:'test', data(){ return { time: 60, timer:null, } }, methods: { ...原创 2018-10-18 17:31:45 · 14252 阅读 · 0 评论 -
vue父子组件之间的通信
一、父组件传值给子组件1.子组件,首先定义一个子组件,然后在子组件中注册props,然后创建一个名为infos的属性,用来接收从父组件传过来的数据<template> <div> <div>{{infos}}</div> </div></template><script> expo原创 2018-09-26 19:28:47 · 171 阅读 · 0 评论 -
vue--js实现倒计时
data(){ return{ isEnd:false,//倒计时是否结束 endTime:'2018-10-29 08:00:00',//应为接口获取到的结束时间 } },created(){ let that = this; that.setEndTime(); },methods:{setEndTime(){ var that = this;...原创 2018-09-17 17:37:13 · 10076 阅读 · 0 评论 -
vue项目使用百度分享
又开始新项目啦,这次的项目有分享功能,第一想法就是使用jiaThis,写到分享这里马上去百度jiaThis。首先官网打开是空的,然后继续搜索看到关于jiathis的新闻,原来jiaThis2018年4月30日起关闭了旗下的“友言”业务、旗下“分享”业务和“友荐”业务。之前一直用的是jiaThis,允悲。然后就换用百度分享1.从百度分享官网生成相关分享代码打开百度分享官网http://s...原创 2018-09-04 15:03:15 · 2730 阅读 · 0 评论 -
vue项目引入vux组件
搭建好vue项目后,这边主要做的手机端,综合比较后决定引入vux组件1.安装vuxnpm install vux --save或者使用 yarnyarn add vux // 安装yarn upgrade vux // 更新如果你想直接从 Github 安装,请指定 v2 分支npm install git://github.com/airyland/vux.gi...原创 2018-08-29 10:12:43 · 3665 阅读 · 2 评论 -
vue--创建项目
1.由于vue项目依赖 node.js 和npm ,需要先安装好这两项可以通过npm -v 和node -v查看对应的版本号2.安装好node.js和npm后来安装vuenpm install -g vue-cli //-g表示全局安装,vue-cli是模块,全局安装的模块可以在命令行直接使用 由于npm网站在国内速度非常慢,所以可以在命令后面加上淘宝的镜像即:npm...原创 2018-08-28 15:13:23 · 168 阅读 · 0 评论 -
vue--登录
总算啃完一个项目的大头部分了,后面会慢慢记录在这个项目中遇到的问题以及解决办法。今天要写的就是登录模块了,项目里面有些页面不登录就可以查看,有些必须登录才能查看。我的解决方法是通过路由防卫来实现的,这里拿登录、首页和个人中心页面来记录一下,进入首页是不需要登录的,个人中心必须登录才可以。1.router下的index.js里面的相关操作首先引入相关的文件例如:import log...原创 2018-08-23 15:34:19 · 944 阅读 · 0 评论 -
vue-cli打包后iconfont路径问题
第一次做vue的项目,记录一下遇到的问题以及解决方法,用npm run build打包项目之后发现iconfont引用的文件路径不对,在网上查找资料后,找到了解决方法:找到build下面的utils.js文件,如图所示位置加上publicPath: '../../'这句即可解决问题。...原创 2018-05-16 17:32:05 · 2314 阅读 · 0 评论