![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
柠檬不喝柠檬茶
这个作者很懒,什么都没留下…
展开
-
wangEditor富文本编辑器踩坑:解决IE浏览器按Tab键无法缩进,谷歌可以
问题:IE浏览器按Tab键无法缩进,谷歌可以解决思路:先监听键盘事件判断按下Tab键时,再向光标的当前位置插入两个空格键(注意:IE缩进:‘/t’不起作用,一定要:’ ‘;) 首先wangeditor组件文档标注了在光标位置插入内容:editor.cmd.do('insertHTML,''<p>想要插入的内容</p>) wangeditor文档地址: https://www.wangeditor.com/doc/pages/08-%E5%B8%B8%E7%94%原创 2021-09-14 14:38:04 · 1073 阅读 · 0 评论 -
vue + el-menu 实现菜单栏无限多层级分类
思路:数据格式须为数组内部多层嵌套模式,利用递归渲染菜单栏数据实现菜单多层级分类。1.模拟菜单数据,引入封装组件<template> <div class="container"> <el-container> <el-header>Header</el-header> <el-container class="container-body"> <el-aside clas转载 2021-08-16 14:45:02 · 1154 阅读 · 0 评论 -
encodeUnicode编码:经常用到的后台要求上传文件后获取的path(url)进行encodeUnicode编码
encodeUnicode(str) { var res = []; for (var i = 0; i < str.length; i++) { res[i] = ("00" + str.charCodeAt(i).toString(16)).slice(-4); } return "\\u" + res.join("\\u"); },原创 2020-10-20 18:03:04 · 209 阅读 · 0 评论 -
vue代码上传文件后端需要formData格式,抛弃el-upload组件,仿照el-upload用原生上传
首先弹窗写好:template部分:<el-dialog title="申请结算" :visible.sync="dialogVisible" width="600px" custom-class="pushSettlement"> <div> <el-form ref="form" :model="form" label-width="80px" style="width: 300px; mar原创 2020-09-25 17:21:22 · 936 阅读 · 0 评论 -
vue-pdf放大缩小,上一页下一页,滚动翻页
以下是上一页下一页,放大缩小:<pdf :src="path" :page="currentPage" @progress="loadedRatio = $event" @num-pages="pageCount=$event" @page-loaded="currentPage=$event" @loaded="loadPdfHandler" ref="wrapper" class="pdf"></pdf> 翻页缩小: <ul class="footers">原创 2020-08-06 16:21:45 · 8138 阅读 · 0 评论 -
1、弹窗里面嵌套路由,项目总结-vue-insurance-web-官网(yezhuwuyou)
1、我的订单列表-申请修改流程这个流程是个谭传,里面的内容有很多步骤,是靠路由实现的 <el-dialog class="correction" :visible.sync="correctionDialogVisible" :before-close="handleClose" :close-on-clic...原创 2020-04-07 15:03:01 · 890 阅读 · 0 评论 -
element中el-cascader使用props设置value、label、children
从后端拿到arr数据结构:cityList: [ { id: 1, name: '北京', child: [ id: 11, name: '大兴区', child: [ id: 111, name: '亦庄' ] ] }]vue文件代码<el-cascader :options="cityList" :p...转载 2020-03-16 10:17:43 · 1909 阅读 · 0 评论 -
vue 算已知起始时间,和所需要添加的月份,求终止时间
this.form.orderInfo.insuranceEndDate= moment(new Date(this.$utils().getEndTime(this.form.orderInfo.insuranceBeginDate, 12))).format('YYYY-MM-DD 23:59:59')12是需要在起始时间添加的月份。比如说2020年3月11号,再加12个月之后的日期是...原创 2020-03-11 16:03:01 · 1352 阅读 · 1 评论 -
Vue.mixin 设置共用字段,要考虑不能全局污染,犯的一个错误写下里
我一开始是这样使用的:(nuxt环境下建立的项目)建立一个tool.js文件,放在plugins文件夹里面,然后在nuxt.config.js中设置一下:(和vue的main.js设置的原理一样)然后我在tool.js文件中这样写是不对的:因为这样会造成全局污染,任何一个页面都不能用到orderStatusList这个字段了,而且暂用的空间也很多,产生字节浪费。其实我可以这样写: ...原创 2020-03-06 14:43:26 · 466 阅读 · 0 评论 -
后台返回数据中有换行符,但是在文本中不显示换行效果
之前在标签里面是这样写的 (vue项目) <div class="text">{{trainDetail.trainingContent}}</div>返回的后台数据是这样的是含有换行符的后面发现用v-htm就可以解决 <div class="text" v-html="trainDetail.trainingContent"></di...原创 2019-09-30 10:52:21 · 3585 阅读 · 0 评论 -
写 React / Vue 项目时为什么要在列表组件中写 key,其作用是什么?
不带有key,并且使用简单的模板,基于这个前提下,可以更有效的复用节点,diff速度来看也是不带key更加快速的,因为带key在增删节点上有耗时。这就是vue文档所说的默认模式。但是这个并不是key作用,而是没有key的情况下可以对节点就地复用,提高性能。这种模式会带来一些隐藏的副作用,比如可能不会产生过渡效果,或者在某些节点有绑定数据(表单)状态,会出现状态错位。VUE文档也说明了。还有就是ke...原创 2019-09-04 17:17:49 · 380 阅读 · 0 评论 -
vue 尝试写组件 应用
在父组件中是这样 <div class="coverContent"></div> <region-info class="refion-infos noscrollbar animated fadeInLeft" :data="data" @on-refionEvent="refionEvent" v-show="infoStatus.region"/&...原创 2019-09-03 11:03:57 · 85 阅读 · 0 评论 -
使用ElementUI + el-date-picker开发, 报错getTime is not a function
去网上查了很多资料,最后解决 :原因:是加了表单验证,好像是加上value-format=“yyyy-MM-dd”>就不是date的类型,注意一下类型就行。我是在表单验证的时候把type: ‘date’, 去掉,不按照date类型去验证就行了。 onSiteTime: [ { type: "date", required: true, ...原创 2019-07-02 14:50:53 · 1204 阅读 · 0 评论 -
vue route 指向path:'bannardetail/:code',在页面获取地址不用split截取可以有更优化的写法params
原来是这样写的router.js是这样写的 {//计划详情 path: 'bannardetail/:code', name: 'bannardetail', component: resolve => require....原创 2019-05-23 15:16:44 · 499 阅读 · 0 评论 -
css overflow 省略号点点点与 鼠标悬浮显示可以绑定事件:title 也可以在table状态下用 element-ui里面的方法替代
原来是用css和jsappend内容写的代码现在可以用:用的是:title方法 :title=“item.enterpriseBaseInfo.name||‘暂无’” title里面的内容是标签内动态加载的内容<el-col :span="10" :title="item.enterpriseBaseInfo.name||'暂无'" >{{item.enterpriseBaseI...原创 2019-06-12 19:19:41 · 857 阅读 · 0 评论 -
vue自动缓存keep-alive当前页面数据,包括选择框里面选择的内容或者搜索框选好的内容,用vue的activated更新最新的数据,更新返回的页面数据
vue自动缓存keep-alive当前页面数据,包括选择框里面选择的内容或者搜索框选好的内容、选择的页数当前的动作:想要修改信息,保存后还返回到之前点击修改的页面,例如:编辑完信息我保存后还返回之前这个页面,之前我想的是用router路由当前需要保存的数据进去,然后再返回的时候传回去请求接口:在路由后面加上参数 { path: '/premisesEdit/:id/:n...原创 2019-06-13 18:42:25 · 1357 阅读 · 0 评论 -
vue router 在地图的信息窗口 点击后新窗口跳转
<template> let infoWindow = new AMap.InfoWindow({ offset: new AMap.Pixel(20, 30), content:`<div class="InfoWindow"> ...原创 2019-06-20 11:17:10 · 688 阅读 · 0 评论 -
封装方法:解决后台返回参数数字形式 需自己判断并返回文字形式显示
在封装方法的文件中 例如filter.js中/**Created by 2019/06/06.过滤器所有方法名 都大写*/ export const JURISDICTION =(num) =>{ let status = "" switch (parseInt(num)){ case 1: status =...原创 2019-06-11 15:01:26 · 641 阅读 · 0 评论 -
el-select选择框里面 根据后台返回的字段 1、2 来匹配选择框里面的内容 :value
正文里面person.vue <el-form-item label="权限" :label-width="formLabelWidth" prop="newRoleId"> <el-select v-model="formedit.newRoleId" placeholder="请选择权限"> <el-option label="超级管...原创 2019-06-11 15:44:41 · 4087 阅读 · 0 评论 -
vue封装 element-ui form表单验证 正则匹配手机号 自定义校验表格内容
在methods:中写: //检查手机号 isCellPhone(val) { if (!/^1(3|4|5|6|7|8)\d{9}$/.test(val)) { return false; } else { return true; } },在template中 <el-form :model...原创 2019-06-11 15:58:34 · 13521 阅读 · 2 评论 -
动态写标题名 通过route来获取具体的path里面的name
先来谈谈router和route的区别 router为VueRouter的实例,相当于一个全局的路由器对象,里面含有很多属性和子对象,例如history对象。。。经常用的 跳转链接就可以用this.$router.push,和router-link跳转一样。。。 this.$router.push会往history栈中添加一个新的记录。。详细见vue官方文档https://router....原创 2019-06-11 17:12:35 · 1898 阅读 · 0 评论 -
解决eso搜索优化问题 Vue 有对应的 Nuxt.js。
vue init nuxt-community/starter-template testPro --testPro为项目名称 Project name (testPro) test-pro --输入项目名称,回车Project description (Nuxt.js project) --项目描述,直接回车即可Author syf ...原创 2019-06-21 15:56:54 · 709 阅读 · 0 评论 -
element-ui 知识点消化汇总----组件
Layout 布局<el-row> <el-col :span="24"><div class="grid-content bg-purple-dark"></div></el-col> 100%一行 <el-col :span="12"><div class="grid-content bg-purpl...原创 2019-06-12 11:20:08 · 510 阅读 · 0 评论 -
let与const的区别
let与const都是只在声明所在的块级作用域内有效。let声明的变量可以改变,值和类型都可以改变,没有限制。const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。const a ;//报错,一旦声明变量,应该立即赋值!!const b = 2;b = 3//报错,因为定义常量之后不能成重新赋值!!对于复合类型的变量,如数组和对象,变量名...转载 2019-05-15 09:59:55 · 1206 阅读 · 0 评论