方法
西鱼
这个作者很懒,什么都没留下…
展开
-
vue-editor 使用image-added富文本编辑器 图片上传到服务器
emm。前提是已经vue-editor 可以正常运行。。给 vue-editor 添加一个 @image-added 之前加的是驼峰的运行不了,很多文章也提到了 驼峰不行的。再使用图片上传的方法实现addedImage (file, Editor, cursorLocation, resetUploader) { // console.log(file) let fm = new FormData(); fm.append('files', ..原创 2020-10-20 15:22:34 · 540 阅读 · 0 评论 -
代码转成v-html时去掉标签只展示中英文或数字
<div v-html="subStr(content)"></div>//scriptsubStr(str) { return str.replace(/<[^]+>/g, '')}使用正则将v-html里的标签都替换掉原创 2020-09-28 16:17:35 · 467 阅读 · 0 评论 -
创建对象,不影响之前的对象
直接把a对象赋值给b对象的话,修改b中的对象,a也会实时的改变两种方式通过1.JSON.parse(JSON.stringify(a)) 将a对象2、通过 Object.assign({},a) 将a 给b原创 2020-09-23 11:40:10 · 182 阅读 · 0 评论 -
vue项目使用scrollIntoView实现锚点定位
用a标签href尝试后,功能可以实现,但是路径会变成锚点的id,刷新页面跳转出现错误后来尝试使用scrollIntoView,可以实现相同的功能。我是根据id跳转的,点击左侧导航的时候,获取id,然后给右侧的div绑上动态 的iddocument.getElementById(item.id).scrollIntoView()document.getElementById(item.id).scrollIntoView({ behavior: "smooth" //原创 2020-08-20 16:14:53 · 1734 阅读 · 1 评论 -
npm install安装cnpm报code EEXIST的错误
找到该文件夹下的cnpm删掉后重新安装原创 2020-08-19 08:58:20 · 944 阅读 · 0 评论 -
Grid网格布局
看文总结部分。。https://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.htmlFlex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。行 (row) 列(column)1.display 属性: display:grid; display: inline-grid设为网格布局以后,容器子...原创 2020-07-29 10:59:25 · 130 阅读 · 0 评论 -
vue 使用vue-clipboard2用户复制链接
cnpm install --save vue-clipboard2//要使用的页面import Vue from "vue";import VueClipboard from "vue-clipboard2";Vue.use(VueClipboard);// <el-button size="small" style="margin-left:18px" v-clipboard:copy="openUrl" v-clipboard:success="onCopyUrl" v-c.原创 2020-06-19 15:36:16 · 254 阅读 · 1 评论 -
vue 加载静态json文件打包后更换json内容不起作用
之前是向下面直接把json文件引入,但是打包以后,调取的json文件还是未改之前的内容。所以找到了别的办法。import api from '../../static/serverConfig.json'然后找到了办法,引入了一个js然后在要用的页面import {$getJson} from './http'const getH5StaticJson = data =...原创 2020-04-24 11:51:01 · 3662 阅读 · 1 评论 -
vue 使用provide / inject页面刷新不出现空白
借鉴:https://www.jb51.net/article/151984.htm在需要刷新的页面注入依赖,再调用reload方法原创 2020-03-04 16:02:01 · 530 阅读 · 0 评论 -
vue webkitdirectory属性上传文件夹
element 上传组件不支持文件夹上传,。。。使用input的webkitdirectory属性可上传文件夹<input ref="file" class="fileUploaderClass" type='file' name="file" webkitdirectory @change.stop="changesData"/>changesData () {co...原创 2020-01-09 11:59:01 · 3483 阅读 · 0 评论 -
el-table 实现load动态数据获取懒加载
官网的例子不是懒加载。。。网上也看到了很多。。。主要是load效果没用。。后来发现时少了tree-props设置hasChildren。。目前我只发现了这种解决办法。。。在获取首次table加载的时候 我就给每条数据前端默认加了个hasChildren属性load里面的这个tree是当前点击的某一行,我是根据当前的id去进行懒加载的,同时也要添加hasChildren属性。。。就动态获取...原创 2019-12-19 16:58:16 · 10350 阅读 · 2 评论 -
el-table动态获取数据合并行列
element自带的方法不能够随机分,只能是固定的去合并,这里我的需求是根据图片的id去合并,一张图片可能对应多个题型获取到的数据同时赋给tableData和spanArr,并在获取到数组的函数里执行getSpanArr方法,相当于给table赋值的还是用tableData 但是切割table是用的spanArr方法。getSpanArr (data) { this.spanAr...原创 2019-11-28 15:01:38 · 2573 阅读 · 1 评论 -
使用eval,vue eslint会报 eval can be harmful
eval(this.sevenDateValueList.join('+') // eval can be harmful// 解决evil (fn) { let Fn = Function // 一个变量指向Function,防止有些前端编译工具报错 return new Fn('return ' + fn)() } this.evil(this.sevenDat...转载 2018-11-08 16:00:49 · 16105 阅读 · 4 评论 -
el-upload向后台动态传参的问题
翻文档是要用data,然后是对象!!先定义一个空对象给这个空对象赋值的时候必须是键值对的形式!!不然就会变成 {0:1,1:3},因为我取到到的是03`...原创 2019-07-01 19:29:35 · 2456 阅读 · 1 评论 -
vue使用pdf.js 预览以及打印相关功能
不要用vue-pdf 只能预览不能有打印,当然如果只预览 就用这个更方便。1.引入import PDFJS from ‘pdfjs-dist’2.下载pdfjs将build web 和那个放在static下面。3.引入iframe4.报错,打开web里面的viewer.js,屏蔽一行代码就ok!!可以打印...原创 2019-06-28 19:49:47 · 6826 阅读 · 5 评论 -
解决vue里el-select下拉框点击option,select未更新的问题
给select添加change事件,强制刷新。解决页面不会重新渲染的问题,找了很多种办法。。只有这个最实用最简洁。roleNameChange (val) { this.$forceUpdate() },```...原创 2019-06-29 19:43:34 · 10269 阅读 · 1 评论 -
el-tree 循环懒加载
官网给的列子里面试了一下只能懒加载一次 ,下图~然后标签里还是不变 <el-tree :data="treedata" :props="defaultProps" lazy :load="loadNode" @node-click="handleNodeClick" :highlight-current="true"></el-t...原创 2019-08-24 16:32:34 · 2373 阅读 · 0 评论 -
h5手机端或PC端利用高德地图获取当前定位位置
踩的坑写在前面:想直接利用h5的特性来获取,但是一直报错,需要https服务,结果还去了阿里云搞ssl的域名卡住了,然后一直报未检测到DNS配置记录,如果你们服务是https就可以直接用这个了。后来就搜了高德地图的相关获取定位的内容,然后搞成了首先,在index.html里引入高德地图,这个key是你的秘钥,要自己去高德地图开放平台免费可以获取哦 <!-- 获取地理位置 --&g...原创 2019-08-22 15:33:13 · 16616 阅读 · 13 评论 -
H5 安卓返回键路由问题
Vue H5安卓的返回键解决方案使用Vue和H5做安卓手机端时候,安卓的实体返回键会返回上一个路由页面,导致页面出现各种问题。一、路由跳转页面改写在组件中,有需要跳转页面,并且不让用户返回的情况,例如:支付、登录、注销等。请做一下修改:1、this.$router.push()全部改写为this.$router.replace()2、<router-link to="/">全...原创 2019-09-06 09:42:52 · 939 阅读 · 0 评论 -
使用localStorage存取一个对象
存let applyGood = { name: good.name, attributeName: good.attributeName, productCover: good.productCover } window.localStorage.setItem('applyParams', JSON.stringify(applyGood))取JSON.par...原创 2018-09-21 15:17:11 · 18666 阅读 · 6 评论