![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
芭拉拉小魔仙
这个作者很懒,什么都没留下…
展开
-
iview Page组件在其他页使用编辑保存调接口后列表刷新而Page组件页码值变为1,翻页器失效
比如我点击到第二页时,需要对第二页的某条数据进行处理,处理完后保存到数据库,然后通过接口返回的数据刷新数据页面,这时,数据显示的是第二页的数据,currentPage=2,但是翻页器当前页码显示的1,而且点击第二页无法跳转,翻页器失效原创 2023-02-22 17:07:44 · 259 阅读 · 0 评论 -
解决input输入框type设置为number,maxlength无效问题
解决input输入框type设置为number,maxlength无效问题原创 2023-02-21 17:57:55 · 469 阅读 · 0 评论 -
vue 微信分享
vue h5 微信分享原创 2023-01-18 14:12:08 · 39 阅读 · 0 评论 -
vue使用rem, vscode使用px to rem工具
vue使用rem的两种方式,以及vscode中pxtorem工具介绍原创 2023-01-18 10:14:18 · 2520 阅读 · 0 评论 -
关于vue中JSON.parse(JSON.stringify(...))使用深拷贝问题
一般我们单独用JSON.parse()或JSON.stringify()今天在学vue看到JSON.parse(JSON.stringify(…))的用法,这里研究一下;首先分别说下他们的用法:JSON.parse() 是将字符串中的对象解析出来例: var str = "{'name':'huahua','age':'22'}"; JSON.parse(str); var obj = {name:"hua",age: 26}; JSON.stringify(obj)转载 2021-11-10 10:05:01 · 11799 阅读 · 0 评论 -
vue 重复点击菜单报错Error: Avoided redundant navigation to current location: “/xxx“.的解决方案
报错显示路由重复,对功能没有影响。解决方法:router 文件下 index.js 中添加下面代码即可// 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题const originalPush = Router.prototype.pushRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => e.原创 2021-05-26 15:16:57 · 102 阅读 · 0 评论 -
vue-baidu-map + mapv 实现百度地图迁徙图动效
index.html引用<script src='http://api.map.baidu.com/api?v=3.0&ak='></script><script src="http://mapv.baidu.com/build/mapv.min.js"></script>页面<div style="height:100%;width:100%" ref="asiaMap"></div>initMapChart(.原创 2021-05-25 15:37:31 · 1265 阅读 · 0 评论 -
vue 字典列表下拉选择组件
父组件<code-select :type="2" @selected="getCodeVal($event,'education')"></code-select>getCodeVal(e,name){ this.expert[name] = e;}子组件<template> <Select v-model="codeVal" @on-change="emitVal"> <Option v-for="ite原创 2021-03-31 17:48:49 · 789 阅读 · 0 评论 -
iview table 合并单元格
<Table :loading="loading" border :columns="columnsDefault" :data="data" :span-method="handleSpan"></Table>// 被整理的数组中相同taskMonth的元素需放在一块 integratedData(data) { let that = this; let arrId = []; data.f原创 2021-03-18 11:03:39 · 731 阅读 · 0 评论 -
iveiw table可编辑单元格
columns:[ { title: '完成情况', key: 'reports', render: (h, params) => { let content = params.row.content; if (params.row.$isEdit5) { return [ h('Input', { props:{原创 2021-03-18 10:43:26 · 162 阅读 · 0 评论 -
解决Vue中页面成功渲染数据undefined的问题
https://zhuanlan.zhihu.com/p/260523407转载 2021-03-11 17:55:15 · 1406 阅读 · 0 评论 -
vue字典下拉选择组件
<template> <div> <Select v-model="selected" @on-change="getVal"> <Option v-for="item in codeList" :value="item.classCode" :key="item.classCode">{{ item.className }}</Option> </Select>原创 2021-02-07 15:03:47 · 457 阅读 · 0 评论 -
vue可编辑表格
http://doc.huangsw.com/vue-easytable/app.html#/intro原创 2021-01-14 09:44:13 · 232 阅读 · 0 评论 -
Vue项目打包后icon图标不显示
原因一:路径错误也就是说实际应该通过 /static/fonts/ 路径来获取字体图标,而实际却是请求 /static/css/static/fonts/,自然报 404 错误。在build/utils.js找到以下代码if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader' }) } else原创 2020-12-28 10:27:01 · 3119 阅读 · 0 评论 -
vue百度地图label添加class,实现css3闪烁
let labelClass = 'warning'let labelText = "<div class='"+labelClass+"'>"+element.text+"</br>实时功率:"+res.info.power+"KW</br>负荷率:"+rate+"%</div>";let label = new BMap.Label(labelText, opts); label.setStyle({fontSize : "10px",lineH原创 2020-11-05 17:42:02 · 934 阅读 · 1 评论 -
vue解决跨域问题
开发模式要知道,跨域这个行为是浏览器禁止的,但是服务端并不禁止。使用proxyTable的原理就是将域名发送给本地的服务器,再由本地的服务器去请求真正的服务器。打开config/index.js,修改dev里的proxyTableproxyTable:{ '/': { target: 'http://www.xxx.cn/api', //你要访问的服务器域名 changeOrigin: true, //允许跨域 pathR转载 2020-10-29 17:24:59 · 185 阅读 · 0 评论 -
iview自定义主题
变量覆盖(推荐) #如果你的项目使用了 webpack 工程,可以通过变量覆盖的方式来实现主题定制。首先在项目中先建一个目录,比如 my-theme,然后在 my-theme 下建立一个 less 文件 index.less,并写入下面内容:@import '~view-design/src/styles/index.less';// Here are the variables to cover, such as:@primary-color: #8c0776;完整的变量列表可以查看 默认原创 2020-07-10 17:23:38 · 453 阅读 · 0 评论 -
iview timpicker 时间选择限制(时间线下一个时间不能早于上一个时间)
<TimePicker type="time" :disabled-hours="disabledHours(index)" :disabled-minutes="disabledMin(index)" :disabled-seconds="disabledSeconds(index)" placeholder="请选择时间" v-model="item.time" style="width: 300px"></TimePicker>//配送点到达原创 2020-06-16 17:45:00 · 710 阅读 · 1 评论 -
vue项目跨域请求
config/dev.env.js //开发环境配置const merge = require('webpack-merge')const prodEnv = require('./prod.env')module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT:'"http://127.0.0.1:9092"'})config/index.jsconst path = require('path')原创 2020-06-09 13:40:46 · 144 阅读 · 0 评论 -
Vue项目使用百度地图经验总结
一、 引用npm install vue-baidu-map --saveindex.html<script src='http://api.map.baidu.com/api?v=3.0&ak='></script>初始化<div class="map-container" ref="bmap" id="bmap"></div>...原创 2020-05-07 15:38:05 · 447 阅读 · 0 评论 -
echarts常用配置
渐变色new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(30,167,248,0.3)' }, { offset: .5, color: 'rgba(30,167,248,0.5)' },{ offset: 1, color: 'rg...原创 2020-03-17 09:44:29 · 358 阅读 · 0 评论 -
echarts地图下钻(vue)
vue echarts实现烟台市地图下钻原创 2020-03-16 10:07:00 · 1424 阅读 · 2 评论 -
表单验证
const validatePass = (rule, value, callback) => { var noSpace = /\s/; if(value == "" || value == undefined){ callback(new Error('请输入密码')) }else if(noSpace.test(value)){ call...原创 2019-12-03 10:15:37 · 114 阅读 · 0 评论 -
项目小结(vue、iview)
1.用户密码md5加密import CryptoJS from "crypto-js";let psd= CryptoJS.SHA256(this.userForm.password.trim()).toString(CryptoJS.enc.Base64)2.上传文件<Upload :before-upload="handleUpload" :show-uplo...原创 2019-06-19 17:30:22 · 216 阅读 · 0 评论 -
导出excel文件
exportFile(){ if(this.list.length == 0){ this.$Message.warning("暂无数据,请查询数据!"); return; } let params = { deptName: this.sel.deptName, field: this.sel....原创 2019-07-15 11:04:27 · 152 阅读 · 0 评论 -
vue iview 批量删除
<Row class="operation"> <Button @click="delAll" icon="md-trash">批量删除</Button> </Row> <Row> <Alert show-icon> 已选择 ...转载 2019-08-02 17:28:08 · 2592 阅读 · 0 评论 -
iview下拉树
Dropdown与Tree结合使用效果图//html <Dropdown trigger="custom" :visible="selectTreeVisible" placement="bottom-end"> <Input v-model="selectedLevelName" @on-focus="freshSelectTree" style...原创 2019-07-23 10:35:24 · 913 阅读 · 0 评论 -
上传文件、图片
iview上传文件<Upload ref="upload" :before-upload="handleUpload" :show-upload-list="false" :on-success="uploadSuccess" :on-error="uploadError" :format="['xlsx']" :max-size="2048" :on-exceeded-s...原创 2019-07-23 10:52:50 · 109 阅读 · 0 评论 -
iview 起始时间选择器、时间选择限制
1.起始截止时间约束<Form-item label="开始日期" prop="from"> <DatePicker v-model="searchForm.from" @on-change="onSearchStartTimeChange" :options="searchStartTimeOp...原创 2019-07-23 11:18:01 · 582 阅读 · 0 评论 -
iview table点击单元格打开新页面、expand展开子组件调用父组件事件
一、点击单元格打开新页面cloumnscolumns:[ { title: "项目名称", align: "center", width:170, key: "projectName", render: (h, params) => { //字符溢出显示省略号,鼠标悬停显示全部信息 if(params.row.projectName&&p...原创 2019-08-02 16:53:21 · 2424 阅读 · 0 评论 -
vue下载\导出
<Button @click="exportAll" :disabled="listData.length == 0" icon="md-trash" :loading="exportLoading">导出数据</Button> exportAll() { //导出excel文件 let downloadUrl = "/api/platform...原创 2019-09-20 14:15:14 · 115 阅读 · 0 评论 -
在vue项目中使用echarts
070603原创 2019-06-19 16:58:08 · 146 阅读 · 0 评论