![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
贼猫子
这个作者很懒,什么都没留下…
展开
-
使用vue-photo-preview图片预览失效解决
安装vue-photo-preview后并在main.js注册,页面中直接使用的时候,有的时候会预览不成功!后来发现是因为图片数据是接口返回的,即异步数据,所以只需要在取得数据之后加一句this.$previewRefresh()就可以了!...原创 2021-03-09 11:15:12 · 1260 阅读 · 0 评论 -
vue下载文件
如果是文件就返回流,如果是报错,就返回正常的jsonaxios({ method: "post", url: url, responseType: 'blob', data:searchParam,}).then(res => { this.download(res,res.data);}).catch(err => {})download (res,data,na...原创 2020-05-08 00:29:51 · 745 阅读 · 0 评论 -
$emit()不触发父组件方法
问题原因及解决:1、$emit的事件用了驼峰命名,有的浏览器会自动转化为小写,所以就匹配不到;解决:都改为小写或者是用’-'隔开,比如:this.$emit('callbackFn'); @callback-fn="xxx" 2、this.$emit触发的是子节点,监听的节点是父节点解决:将触发事件放在父节点触发this.$parent.$emit('xxxx');...原创 2020-02-24 11:25:19 · 2605 阅读 · 0 评论 -
element 表格出现滚动条时,出现错位问题
最近使用element表格,在表格出现滚动条的时候,发现线对不齐,如图:这是因为表头预留的滚动条位置跟表内容的宽度不一样;解决方法:第一种:body .el-table th.gutter { display: table-cell!important;}第二种:body .el-table--scrollable-y { .el-table__body-wr...原创 2020-01-09 10:40:33 · 7790 阅读 · 1 评论 -
element表格默认勾选
使用表格的时候,偶尔会需要回勾上一次勾选的数据(默认勾选);主要是用到了默认提供的方法:toggleRowSelection(row,boolean)this.allData.forEach(item => { this.$refs.table.toggleRowSelection(item,true);//设置默认勾选})还需要使用reserve-selection...原创 2020-01-03 09:57:26 · 2985 阅读 · 0 评论 -
vue优化——路由懒加载(按需加载)
在没有用懒加载的时候,项目页面数量多且页面内容也多的时候,用户体验就会变得不太好,因为加载需要时间,项目首页一次性加载,内容庞大就会导致加载时间长!懒加载可以有效地分担首页的加载压力,减少加载用时,提高用户体验!用法:component: resolve => require(['../pages/login/index.vue'], resolve)...原创 2019-08-14 10:31:37 · 361 阅读 · 0 评论 -
使用promise处理vue中引入的js加载先后问题
最近在开发工作流,也不能说开发吧,公司有一套工作流的代码,我只是个搬运工,转化为vue项目!不得不说,真不容易,原谅我曾经的年少无知,竟然在技术总监面前,夸下海口说这个简单(搬代码嘛)!开始把html拷贝到自己创建的flow.vue页面,把css丢到assets文件夹下,js丢到static文件夹下,然后麻烦点来了,js怎么引入;export暴露出来然后import引入?index.htm...原创 2019-07-24 17:42:46 · 1720 阅读 · 0 评论 -
本地项目安装vue-cli2跟vue-cli3
一般习惯都是安装全局的vue-cli,但是如果想2跟3都可以在本地用起来,那么你就要选择安装在你的本地项目中了!本地项目安装vue-cli1、想要在本地项目中安装vue-cli,首先就要把全局的vue-cli给卸载掉。1、npm uninstall vue-cli -g (2.x版本全局卸载)2、npm uninstall @vue/cli -g (3.x版本全局卸载)...原创 2019-05-23 17:17:12 · 2251 阅读 · 0 评论 -
vant的popup、Datetimepicker控件滚动穿透
今天一边改bug一边测试发现,vant的popup跟DatetimePicker会出现滚动穿透。解决办法:使用preventDefault阻止body的touchmove事件。方法1方法2在全局注册v-roll指令,结合timeDatePicker使用(如第二图)。bodyVisible初始状态为false,在弹层打开时改变,弹层点击确认跟取消时也需要改变!解决...转载 2019-05-24 15:15:28 · 7150 阅读 · 2 评论 -
使用企业微信的js-sdk
企业微信的js-sdk跟微信js-sdk文档差不多,但是在vue项目上使用的话,微信的js-sdk是可以直接用npm去安装的,这个是因为它有将js发布到npm上,但是企业微信就没有!当用企业微信的js-sdk时,可以在拷贝一份js-sdk所需要的js文件,放到自己项目中,如果你的是2.x版本的脚手架,那么把这个文件放到static文件夹下,如果是3.x的,就当到public下,然后在index.h...原创 2019-04-24 22:44:15 · 6147 阅读 · 0 评论 -
vue+vant移动端遇到的那些问题
1、项目引用了lib-flexible 跟px2rem-loader做适配,然后真机测试的时候发现字体在手机上显示的很小。【推荐去看下px2rem-loader的文档】原因+解决:百度说应该在后面加上/*px*/(font-size:14px;/*px*/),这里这么设置时,字体的大小要为两倍,如你想让字体显示为14px,css代码则为【font-size:28px;/*px*/】,对于bor...原创 2019-03-21 15:24:23 · 25726 阅读 · 4 评论 -
vue 移动端适配
1、npm i lib-flexible --save安装lib-flexible,flexible会自动把px转换成rem,并在main.js中引入import "lib-flexible/flexible.js";2、在根目录index.html头部加移动端适配的meta代码<meta content="width=device-width, initial-scale=...原创 2019-03-21 11:42:05 · 242 阅读 · 0 评论 -
vue搭建基础
1、新建vue项目后使用vue-cli搭建开发环境(安装命令:npm install vue-cli -g)2、初始化项目(vue init webpack h-text)vue init 后跟着的两个,第一个代表着你所要采用的模板,如这里的webpack,第二个是你的项目的文件夹名,如果你提前建好了文件夹,在命令行中也进入这个文件夹,可以省略输入它;3、Generate projec...原创 2018-07-26 14:29:09 · 1029 阅读 · 0 评论