随笔分类 -  Vue

上一页 1 2 3 4 下一页
echarts地图修改高亮颜色及区域界线颜色
摘要：行政区域地图修改默认鼠标滑过颜色以及省份之间的边界线颜色记录 myCharts.setOption({ tooltip: { triggerOn: 'click', enterable: true, formatter: function(params, ticket, callback) { co 阅读全文
posted @ 2020-11-18 15:02 紫诺花开 阅读(21725) 评论(0) 推荐(1)
vue+element 树形穿梭框组件
摘要：<div class="organizational"> <el-dialog :title="dialogTitle" :visible.sync="addDialogVisible" v-if="addDialogVisible" :before-close="handleClose" :clo 阅读全文
posted @ 2020-10-30 15:30 紫诺花开 阅读(6784) 评论(0) 推荐(0)
element表格上下固定，内容高度自适应
摘要：需求：element的表格内容只有一行或者没有数据时候，分页也始终在最底部，头部固定，中间内容高度随不同屏幕自适应 1、动态计算高度 2、设置高度100% + calc进行适配 这里先说下第二种方式 <div class="content sm-bg"> <div class="same-head" 阅读全文
posted @ 2020-10-29 16:16 紫诺花开 阅读(4030) 评论(0) 推荐(0)
element添加人员判断不能重复添加（复选框禁用）
摘要：好记性不如烂笔头，记录下。 问题：向小组中添加两个账号后，又像该小组中添加一个账号，在小组添加页面上发现添加了三个 需求：第二次添加账号时，不要默认把第一次加的账号，加进来（已经添加过的再次添加时候复选框不可选） 利用selectable的返回值用来决定这一行的 CheckBox 是否可以勾选 1、 阅读全文
posted @ 2020-10-12 17:09 紫诺花开 阅读(547) 评论(0) 推荐(0)
vue+element 表格单元格内添加/编辑
摘要：需求： 点击某个单元格可以添加、修改数据，点击底部按钮并且保存数据 <el-tabs type="border-card" v-model="configure" @tab-click="handleClick"> <el-tab-pane label="配置因子" name="first"> <e 阅读全文
posted @ 2020-09-07 17:08 紫诺花开 阅读(2316) 评论(0) 推荐(0)
vue：无法加载文件C:\Users\AppData\Roaming\npm\vue.ps1, 在此系统上无法加载脚本
摘要：换了台新电脑，使用vue cli脚手架搭建项目时候提示这种错误，系统上禁止运行脚本。 解决方法： 以管理员身份运行 PowerShell 输入set-ExecutionPolicy RemoteSigned命令 选择[Y] 或者 [A]就可以正常搭建项目了 阅读全文
posted @ 2020-09-04 11:39 紫诺花开 阅读(635) 评论(0) 推荐(0)
vue使用过滤改变el-switch开关的状态
摘要：需求： 每个小组只能有一个组长，当打开开关设置组长时候，其他的组长一列为否状态 setupLeader(row, event){ console.log(row, event, '设置组长开关') this.$axios({ method: 'get', url: this.saveThousand 阅读全文
posted @ 2020-08-31 13:21 紫诺花开 阅读(1734) 评论(0) 推荐(0)
vue+element实现dialog拖拽弹框
摘要：element的dialog弹框在项目中挺常用的。但有时候嵌套的话会遮住，体验不好。拖拽形式的弹框会提高用户体验 借助基于 Sortable.js 的 Vue 拖拽组件 vuedraggable 安装 npm install vuedraggable --save 在公共组件中新建个js文件，搭配v 阅读全文
posted @ 2020-08-29 18:54 紫诺花开 阅读(4224) 评论(0) 推荐(0)
el-checkbox-group绑定值为数组，选中一个其他也选中的问题记录
摘要：el-checkbox-group复选框组，v-model绑定的值必须是[]，不能是字符串 新增时候正常，修改时候选择一个，其他的也选中了。最后发现是数组格式没有对应，应该是数字数组[1,2,3,4]，给的是['1','2','3','4'] 需要把数组转成字符串以逗号分割传给后台，然后再用.map 阅读全文
posted @ 2020-08-11 11:31 紫诺花开 阅读(3164) 评论(0) 推荐(0)
vue使用post导出文件
摘要：项目中导出excel文件很常见，分为get和post方式，get相对简单些，在url后面拼接需要的参数 get方式 get请求方式传参如果是对象类型 需要 用encodeURI(JSON.stringify(params)) 转换一下 get请求方式拼接参数长度上限为2083，超过这个长度导出exc 阅读全文
posted @ 2020-08-10 16:23 紫诺花开 阅读(2999) 评论(0) 推荐(0)
vue cli3 配置 多个代理服务地址
摘要：vue.config.js中 proxy: { '/api': { target: 'http://192.168.124.31:8085/', changeOrigin: true, ws: true, pathRewrite: { '^/api': '/' } }, '/api/tmAuthAc 阅读全文
posted @ 2020-07-28 17:07 紫诺花开 阅读(9003) 评论(0) 推荐(0)
element 关闭dialog弹框 校验信息依然存在的问题
摘要：使用nextTick解决 //关闭弹框 handleClose(formName) { this.addDialogVisible = false; this.$nextTick(() => { this.$refs[formName].resetFields(); }); }, 阅读全文
posted @ 2020-07-20 16:32 紫诺花开 阅读(872) 评论(0) 推荐(0)
element面包屑导航
摘要：利用meta路由元信息，通过this.$route.matched来获取 <!--面包屑导航--> <template> <div class="breadcrumb"> <div class="breadcrumb-item"> <el-breadcrumb separator-class="el 阅读全文
posted @ 2020-07-10 19:08 紫诺花开 阅读(1038) 评论(0) 推荐(0)
element全局设置按钮组件size
摘要：引入 Element 时，可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段 Vue.use(ElementUI, { size: 'small', zIndex: 3000 }) import Vue from 'vue' import ElementUI from 'el 阅读全文
posted @ 2020-07-05 00:22 紫诺花开 阅读(4671) 评论(0) 推荐(1)
vue后台系统实现全屏展示
摘要：<div class="header-user-con"> <!-- 全屏显示 --> <div class="btn-fullscreen" @click="handleFullScreen"> <el-tooltip effect="dark" :content="fullscreen?`取消全 阅读全文
posted @ 2020-07-03 23:06 紫诺花开 阅读(2123) 评论(0) 推荐(0)
element按需引入形式改成全局注入后报错
摘要：之前的项目架子element是按需引入的，新项目中打算全局引入整个element。（虽然前者会减小项目体积） 在main.js中引入element后出现以下报错信息，和babel-plugin-component有关。在此记录一下 先是把babel.config.js里面配置注释了，还是报错 最后把 阅读全文
posted @ 2020-07-02 23:26 紫诺花开 阅读(657) 评论(0) 推荐(0)
Invalid prop: type check failed for prop "pioneer". Expected Array, got String with value "" 报错信息
摘要：出现报错信息：pioneer需要数组 获取对象 查找了一下才发现定义的是数组形式，但修改之后，返回的数据是object 打印的boshData数据是对象形式的，所以才会报这个错误 阅读全文
posted @ 2020-03-13 23:27 紫诺花开 阅读(5985) 评论(0) 推荐(0)
Vue Cli3配置文件优化处理
摘要：1、设置productionSourceMap为false 如果不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。 设置为false打包时候不会出现.map文件 module.exports = { productionSourceMap: false } 2、 阅读全文
posted @ 2020-01-30 00:00 紫诺花开 阅读(620) 评论(0) 推荐(0)
项目中常用的Object方法
摘要：1、Object.assign(target,source1,source2....) target为目标对象，source为源对象，返回值为目标对象 该方法主要用于对象的合并，将源对象source的所有可枚举属性合并到目标对象target上。 Object.assign方法实现的是浅拷贝，只拷贝源 阅读全文
posted @ 2020-01-17 23:56 紫诺花开 阅读(258) 评论(0) 推荐(0)
vue 解决视图未更新数据的几种方式
摘要：比如给data中的对象添加属性时候，在控制台发现该对象身上已经有了属性，但是视图层并没有更新数据。 原因是因为受JS限制，vue不能监听对象属性的添加/删除等操作，在vue组件初始化的过程中，会调用getter和setter方法，所以该属性必须是存在data中，视图层才会响应该数据的变化。（也就是说 阅读全文
posted @ 2019-12-31 23:37 紫诺花开 阅读(1046) 评论(0) 推荐(0)

上一页 1 2 3 4 下一页