![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
xy405580364
这个作者很懒,什么都没留下…
展开
-
vue中使用echarts词云
1. 安装cnpm install echarts-wordcloud2. 创建模板组件WordCloudChart<template> <div :id="id" :style="{ height:height,width:width }" /></template><script> import echarts from "echarts/lib/echarts"; import resize from "@/m原创 2020-11-10 18:41:40 · 68244 阅读 · 1 评论 -
element的form表单中输入框、下拉框、treeselect的校验问题
1. 下拉框校验当前版本的element对select选择器的验证存在问题:select选了值,关闭弹框,再打开会触发自动校验。* 目前有两种解决方法: * 1.使用 v-if 控制表单,太消耗性能 * 2.关闭弹框时直接delete选择器校验,下次打开弹框再添加进去 //使用第二种,触发form中的方法addRules(),把对下拉框的校验重新加进去headeropenDialog() { 触发form中的方法addRules(),把对下拉框的校验重新加进去 th原创 2020-07-09 11:16:19 · 9503 阅读 · 0 评论 -
给整个页面右侧添加一个滚动条
overflow-y: auto;height: 672px;<template> <div class="dashboard-editor-container"> </div></template><style rel="stylesheet/scss" lang="scss" scoped> .dashboard-editor-container { padding: 15px; .原创 2020-06-30 17:43:24 · 3298 阅读 · 1 评论 -
element 表格内容过长取前10字符,鼠标放上显示全部(该字段在表格中的排序)
需求显示所有角色名(逗号分隔),最多显示两行(前10个字符),鼠标移动显示全部实现代码<el-table-column sortable="false" align="center" prop="rolesFormatter" width="140px" label="角色"> <template slot-scope="scope"> <el-popover placement="top-start"..原创 2020-06-29 10:26:26 · 4999 阅读 · 1 评论 -
vue使用async和await解决请求异步问题,确保请求返回结果再执行下面的代码
参考解决vue请求异步问题自己代码afterRequest(result) { //支持高亮提示,提示标准差远高于平均标准差的坐席组别 //获取每个坐席组的坐席数据 this.getDataEveryRepGroup(result).then(res=>{ const _self = this; //求每个坐席组数据标准差 for (let i = 0; i < this.repGroupData.length; i++) {原创 2020-06-17 10:15:39 · 7507 阅读 · 0 评论 -
vue使用scoped私有作用域,无法覆盖组件库子组件样式问题
组件内部style覆盖ui框架样式转载 2020-04-07 14:12:38 · 348 阅读 · 0 评论 -
物理分页(详细)与逻辑分页
1. 逻辑分页(假分页)逻辑分页依赖的是程序员编写的代码。数据库返回的不是分页结果,而是全部数据,然后再由程序员通过代码获取分页数据,常用的操作是一次性从数据库中查询出全部数据并存储到List集合中,因为List集合有序,再根据索引获取指定范围的数据。2. 物理分页(真分页)物理分页依赖的是某一物理实体,这个物理实体就是数据库,比如MySQL数据库提供了limit关键字,程序员只需要编写带有...原创 2020-03-23 10:28:53 · 548 阅读 · 0 评论 -
html页面(钻取)携带参数跳转到另一个html页面
1. 跳转方式只能使用<a:href=" "></>方式不能使用ajax,ajax只是局部刷新,返回数据,不会参与页面跳转。2. 携带参数定义和转码,跳转标签1. 携带参数一个钻取的字符串(keyWord),直接取一个查询条件(time),需先处理在定义vue组件的同级定义一个变量,作为参数,可以用window.time取到//钻取参数定义<...原创 2020-03-16 17:16:01 · 4492 阅读 · 0 评论 -
html中使用vue组件中的watch和axios
1. data在html中最外层(和vue组件一层)定义的变量(如:dateSel),在vue中的data里直接取就可以var date = new Date();date.setTime(date.getTime())var dateTime = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate...原创 2020-03-11 15:39:57 · 1517 阅读 · 0 评论 -
使用echarts词云
参考:echarts-wordcloud.min.js引入option参考引入<script type="text/javascript" src="/js/echarts/echarts.min.js"></script><script type="text/javascript" src="/js/echarts/echarts-wordcloud...原创 2020-03-10 16:28:22 · 2149 阅读 · 0 评论 -
html引入vue组件,vue组件中使用echarts
将图设置代码写在vue的methods中,然后在mounted中调用得到echarts图<div id="pushed" style="width: 630px;height:300px;float: left;margin-right:30px"></div>var myChart = echarts.init(document.getElementById(...原创 2020-03-10 11:18:11 · 3206 阅读 · 0 评论 -
html中使用vue父子组件
html中使用vue父子组件转载 2020-03-10 10:23:34 · 878 阅读 · 0 评论 -
子组件调用父组件的方法(3种)
1. 直接在子组件中通过this.$parent.event来调用父组件的方法父组件:<template> <div> <child></child> </div></template><script> import child from '~/components/dam/chil...转载 2020-01-02 09:52:58 · 18065 阅读 · 0 评论 -
element的table组件el-table通过方法动态改变样式
1. 首先< el-table >代码(属性尽可能多)下面是一个table组件中,先有一个 type=“selection” 多选组件,然后是< template >循环列把所有动态的属性值放在一个对象中tableStyle使用以下两个方法改变表格的样式:header-cell-style="headCellStyle" //表头:cell-style="c...原创 2019-12-17 17:10:06 · 6801 阅读 · 0 评论 -
vue,element组件(下拉框)间的宽度和本身的宽度
label-width="50px" 距离上一个下拉框的距离style="width: 125px" 下拉框本身的宽度<el-form-item label="机构" label-width="50px"> <el-select v-model="formInline.institution" placeholder="机构" style="wi...原创 2019-12-16 10:47:14 · 9237 阅读 · 0 评论 -
js中的map方法(组装数组)
var a = [ {name: "张含韵", "email": "zhang@email.com"}, {name: "李宇春", "email": "li@email.com"}, {name: "刘雯", "email": "liu@email.com"}];var userEmail = a.map(function(item){ return item.email ...原创 2019-12-16 10:33:18 · 2347 阅读 · 0 评论 -
element组件,v-model值改变后,视图层没有被重新渲染,需要强制刷新
单选框为例:加一个 @change方法强制刷新//组件<el-radio-group v-model="chartData.cols[index].fixed" @change="handleChange"> <el-radio :label="1">是</el-radio> <el-radio :label="0">否</el-rad...原创 2019-12-06 14:58:22 · 3046 阅读 · 1 评论 -
vue中watch监听,ajax异步问题解决
1.组装参数调方法getResult(){ //组装requestParam1和requestParam2参数 let requestParam1 = {} let requestParam2 = {} requestParam1.screen = this.screenData; requestParam1.dimension = [this.dimensionData[0]];...原创 2019-11-20 11:46:05 · 6914 阅读 · 1 评论 -
vue中el-tree增加节点后重新刷新
1.树形组件<el-tree v-if="openPanel" //重加载 :data="data" //树形数据 :props="defaultProps" node-key="id" //默认展开节点 :default-expanded-keys="[-1]" //默认展开节点:-1 @node-click="handleNodeClick">...原创 2019-10-31 16:24:45 · 21857 阅读 · 11 评论 -
form表单中的某一个参数取不到,传不到后端(解决)
1.代码如下<el-form ref="form" :model="form" :rules="rules" size="small" label-width="109px"> <el-form-item label="位置" prop="position"> <el-select v-model="form.position" style="widt...原创 2019-10-31 10:13:38 · 2012 阅读 · 0 评论