vue2-0
文章平均质量分 63
一只爱吃糖的小羊
略略略
展开
-
vue中实现刷新当前组件页面内容(router-view)并保持项目其他组件打开状态
好久没写vue勉强算个vue新手,最近做vue项目时候,有个需求是在 nav 切换模块时,刷新当前组件页面的内容,同时又要保证打开的其他组件没被关闭:就是在这里选择时,刷新当前router组件的内容。在网上查了查,因为要保持打开的其他组件不被关闭,所以基本排除 js 里的 location.reload() 之类,觉得最合适的还是 provide/inject 组合。原理就是在顶层 app.vue 中声明 reload 方法,用 v-if 控制 router-view 的显示或隐藏,从而控制页面的原创 2020-07-23 13:15:10 · 4363 阅读 · 0 评论 -
vue element-ui table expand-change实现不同等级图标设置
element-ui table中有树形数据表格,在使用的时候想给不同等级的数据添加不同的 icon,改怎么操作呢?如果只有两种 iocn的话还好说,一般是给个字段用 v-if 判断一下就行了。但是我们需求是文件夹折叠和打开和最子元素,三种用不同的 icon,如图:最原始没打开的文件夹 icon打开后的文件夹以及最子级的文件:监听 table的 expand-change时事件:用v-if判断显示哪一个图标:children 是子级,用children判断子级的长度。然后在事件监听中给 r原创 2020-07-01 17:11:24 · 2179 阅读 · 1 评论 -
vue2.x项目中使用pdf.js转canvas以及踩过的坑
最近有个需求是在vue2.x项目中使用pdf.js,其实以前也用过 pdf.js,以前是用 pdf.js把整个详情页面导出为 pdf,这次是需要用 pdf.js把后台的 pdf转为图片显示在页面上。我是把 pdf 转为 canvas 显示的。废话不多说,先说用法:先安装 pdf.jsnpm install pdfjs-dist我看网上也有说在官网下载项目,再把 pdf.js的包放进自己项目的,但我们要用npm安装,所以需要下载的自己去官网下载:pdf.js 官网 link引入 pdf.j原创 2020-06-30 12:57:27 · 3149 阅读 · 5 评论 -
vue2.0开发入门笔记 之 .vue文件
这几天新项目用vue2.0开发,由于之前没用过vue,拿到项目框架看到都是.vue文件,不知道怎么用,以下是关于.vue文件的发现:1、一个.vue文件是一个封装的组件,在.vue文件里可以写 html, css, js其中template 中写html 代码,其实就是定义模板。2、各个.vue之间样式不是独立的,同一选择器在不同的.vue里只要满足选中的条件就可以起作用....原创 2017-05-12 19:46:05 · 5487 阅读 · 0 评论 -
cropperjs在vue中的使用
用vue的项目里需要对图片进行裁剪,于是使用了cropperjs,在使用的过程中也踩过一些坑,以下是在.vue文件里cropperjs的使用方法和经验教训总结:在使用之前,先引入:在项目里,运行:npm install cropperjs -save在template里:<div id="demo"> <!-- 遮罩层 --> ...原创 2017-05-14 18:03:53 · 12921 阅读 · 7 评论 -
vue2.0中.vue文件页面跳转之.$router.push
vue2.0在使用的过程中, .vue文件之间的跳转,在template中的常见写法是:<router-link to="/miniCard/statement/horizon"> <button class="btn btn-default colorDe">继续</button></router-link>但是有时的需...原创 2017-05-15 17:07:45 · 14249 阅读 · 3 评论 -
vue监听input输入事件-oninput
.vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址: .vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变化事件。需求是这页面中,改变input的值,就调用一个事件,第一想到的是oninput。oninput 事件在用户输入时触发,菜鸟教程中的用法是:但是在.vue中这样写是没有作用的:<input type="text" id="...原创 2017-05-25 19:14:06 · 104379 阅读 · 13 评论 -
vue2.0中.vue文件的post请求
在.vue文件中如何发送post请求呢?以下是博主开发中用到的方法,先引入:import util from 'util';再定义方法:postImg (numParam) { //这边写图片的上传 var imgData_1; if(numParam == 1){ imgData_1 = this.headerImage; ...原创 2017-05-15 20:35:10 · 4477 阅读 · 0 评论 -
vue2.0之.vue文件之间$router传值
开发项目时,常会需要不同页面之间传递某个参数的值,现在分享一下$router的方法,需求是 a.vue文件的一个参数price要传到 b.vue文件,即 a.vue文件跳转到 b.vue的时候带过去price参数。a.vue 的代码:<!--html--><button @click = "func()">跳转</button>//js<s...原创 2017-05-16 18:16:53 · 1637 阅读 · 0 评论