![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 50
前端小木
别人笑我太疯癫,我笑他人看不穿。
展开
-
解决浏览器缓存问题
解决浏览器缓存问题。原创 2023-12-03 21:11:22 · 651 阅读 · 0 评论 -
项目引入阿里图标库
1.上传图标这一步一般由UI设计师完成,阿里巴巴图标库官网:https://www.iconfont.cn/注意:以后每次上传完新的图标,网站上的内容都要更新,然后重新下载文件覆盖2.下载到本地本地在common文件夹下新建icon文件夹,将下载好的内容放入该文件夹下:将这段代码复制下来,并且替换下载下来的iconfont.css中的代码:结果如下:3.项目中引用代码中使用:复制字体class名,在需要用的标签里的class上添加上<text class="iconf原创 2022-05-06 22:01:32 · 721 阅读 · 0 评论 -
vue使用canvas渲染pdf
<!-- <div>--><!-- <div class="bottom" style="position: fixed;right: 0">--><!-- <input class="pdf-zoom" type="submit" value="+" @click="zoomPdf(1)"/>--><!-- </br>--><!--原创 2022-03-23 22:07:57 · 2703 阅读 · 0 评论 -
自定义导入弹框
导入文件或者批量导入文件时,可以自定义导入弹框,里面包含下载导入模板、选择文件等功能。1.导入弹框结构<el-dialog title="导入" :visible.sync="importFormVisible" width="600px" center :before-close="closeImport"> <el-form :model="importForm" ref="importForm" class="leftForm upform"> <el-f原创 2020-11-06 09:51:21 · 558 阅读 · 0 评论 -
elment-ui 树形控件基础用法
1.渲染树形控件树形控件的结构是一层层嵌套的,官网上定义好的结构中属性名我们无法更改,实际开发中后台返回的字段名与属性名也会不一致,这里我们用到了**“递归”**的方法将结构中的属性赋予实际开发中的值。(1)树形结构如下:<el-tree :data="treeData" show-checkbox node-key="id" ref="tree"></el-tree>data() { return { treeData: [] }}// 绑原创 2020-08-25 16:35:18 · 1018 阅读 · 0 评论 -
自定义多个checkbox点击查询数据方法
项目中存在多个checkbox,点击其中一项根据条件查询数据的时候,我们将查询条件定义成数组,根据点击传入的参数,向数组中添加或删除数组中元素生成新的查询条件。1.页面结构<div v-bind:class="{'active': choose1 }"> <input type="checkbox" value="1" v-model="choose1" @click="c...原创 2019-04-11 15:48:47 · 537 阅读 · 0 评论 -
element-ui表格添加复选框及根据列表中的数据判断是否可选
1.表格结构&amp;lt;el-table :data=&quot;tableData&quot; stripe style=&quot;width: 100%; text-align: center&quot; @selection-change=&quot;handleSelectionChange&quot;&amp;gt;&amp;lt;!-- che原创 2018-11-30 14:49:30 · 14369 阅读 · 0 评论 -
element-ui Upload 上传文件再编辑显示的两种方式
1.直接将文件名以文本的方式展现后台返回的链接以逗号的形式分隔,初始化定义一个数组:files: []页面结构:&amp;amp;lt;el-upload class=&amp;quot;upload-demo&amp;quot; ref=&amp;quot;upload&amp;quot; :action=&amp;quot;actionPath&amp;quot;原创 2018-10-30 14:29:54 · 35894 阅读 · 5 评论 -
vue引用QrCode生成二维码
后台生成二维码链接返回到前台,前台做个渲染。1.npm install安装一下插件QrCode2.引入import QrCode from 'qrcode'3.渲染二维码的标签&lt;canvas id="qrcode-canvas"&gt;&lt;/canvas&gt;4.向后台发送请求获取链接并在页面生成二维码 let vm = this; var postData ...原创 2018-10-20 10:51:39 · 1993 阅读 · 0 评论 -
vue页面动态添加标签
1.动态插入组件将需要插入到页面的元素定义成一个组件,再进行操作。参考:https://jintang.github.io/2018/03/27/vue动态添加组件/2.页面直接添加元素页面结构代码:&lt;ul&gt; &lt;li v-for="(item, index) in itemArr" :key="index"&gt; {{index原创 2018-09-20 11:54:39 · 51799 阅读 · 6 评论 -
elment-ui+七牛上传文件
七牛官网(https://developer.qiniu.com/kodo/sdk/1283/javascript)也介绍了具体的使用方法,现在我做的是直接用的elment-ui上传插件。大部分逻辑都在后台处理,前台只需调用接口即可。接口有三个,分别是获取七牛token的tokenUrl,上传文件时调用的upladUrl,这是可以在七牛官网上找到的,看自己在中国的哪个区对应着什么地址,北京这边的是...原创 2018-08-30 11:38:40 · 638 阅读 · 1 评论 -
重置表单验证信息
这个问题主要出现在dialog里面,就是在打开弹出框,表单验证不通过,会出现提示信息,不进行任何处理关闭后第二次打开,这些提示信息依旧显示。有两种实现方式:1、重置表单信息,刷新页面原文链接:https://www.cnblogs.com/hezihao/p/7416820.html2、利用watch监视dialog的显示状态,重置表单这种方式也有人写过,我改动了一点点,原文链...原创 2018-07-24 15:34:47 · 1622 阅读 · 0 评论 -
vue+element-ui实现表格编辑
两种实现方式1、表格内部显示和编辑切换这种方式就是利用两个标签显示隐藏来实现,我们这里用input和span,正常用span将数据显示,点击编辑时,将span隐藏,显示input进行编辑。选中当前行我们可以通过slot-scope中的index去实现,在控制显示隐藏的属性上绑定index就可以选中当前行了,如showEdit[index]。html中的代码:&amp;amp;amp;amp;amp;lt;el...原创 2018-07-24 14:59:37 · 87979 阅读 · 34 评论