xy405580364的博客

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

1. 下拉框校验当前版本的element对select选择器的验证存在问题：select选了值，关闭弹框，再打开会触发自动校验。* 目前有两种解决方法: * 1.使用 v-if 控制表单,太消耗性能 * 2.关闭弹框时直接delete选择器校验，下次打开弹框再添加进去 //使用第二种，触发form中的方法addRules(),把对下拉框的校验重新加进去headeropenDialog() { 触发form中的方法addRules(),把对下拉框的校验重新加进去 th

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; .

需求显示所有角色名（逗号分隔），最多显示两行（前10个字符），鼠标移动显示全部实现代码<el-table-column sortable="false" align="center" prop="rolesFormatter" width="140px" label="角色"> <template slot-scope="scope"> <el-popover placement="top-start"..

参考解决vue请求异步问题自己代码afterRequest(result) { //支持高亮提示，提示标准差远高于平均标准差的坐席组别 //获取每个坐席组的坐席数据 this.getDataEveryRepGroup(result).then(res=>{ const _self = this; //求每个坐席组数据标准差 for (let i = 0; i < this.repGroupData.length; i++) {

组件内部style覆盖ui框架样式

1. 逻辑分页（假分页）逻辑分页依赖的是程序员编写的代码。数据库返回的不是分页结果，而是全部数据，然后再由程序员通过代码获取分页数据，常用的操作是一次性从数据库中查询出全部数据并存储到List集合中，因为List集合有序，再根据索引获取指定范围的数据。2. 物理分页（真分页）物理分页依赖的是某一物理实体，这个物理实体就是数据库，比如MySQL数据库提供了limit关键字，程序员只需要编写带有...

1. 跳转方式只能使用<a：href=" "></>方式不能使用ajax，ajax只是局部刷新，返回数据，不会参与页面跳转。2. 携带参数定义和转码，跳转标签1. 携带参数一个钻取的字符串（keyWord），直接取一个查询条件（time），需先处理在定义vue组件的同级定义一个变量，作为参数,可以用window.time取到//钻取参数定义<...

1. data在html中最外层（和vue组件一层）定义的变量（如：dateSel），在vue中的data里直接取就可以var date = new Date();date.setTime(date.getTime())var dateTime = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate...

参考：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...

将图设置代码写在vue的methods中，然后在mounted中调用得到echarts图<div id="pushed" style="width: 630px;height:300px;float: left;margin-right:30px"></div>var myChart = echarts.init(document.getElementById(...

html中使用vue父子组件

1. 直接在子组件中通过this.$parent.event来调用父组件的方法父组件：<template> <div> <child></child> </div></template><script> import child from '~/components/dam/chil...

1. 首先< el-table >代码（属性尽可能多）下面是一个table组件中，先有一个 type=“selection” 多选组件，然后是< template >循环列把所有动态的属性值放在一个对象中tableStyle使用以下两个方法改变表格的样式:header-cell-style="headCellStyle" //表头:cell-style="c...

label-width="50px" 距离上一个下拉框的距离style="width: 125px" 下拉框本身的宽度<el-form-item label="机构" label-width="50px"> <el-select v-model="formInline.institution" placeholder="机构" style="wi...

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 ...

单选框为例：加一个 @change方法强制刷新//组件<el-radio-group v-model="chartData.cols[index].fixed" @change="handleChange"> <el-radio :label="1">是</el-radio> <el-radio :label="0">否</el-rad...

1.组装参数调方法getResult(){ //组装requestParam1和requestParam2参数 let requestParam1 = {} let requestParam2 = {} requestParam1.screen = this.screenData; requestParam1.dimension = [this.dimensionData[0]];...

1.树形组件<el-tree v-if="openPanel" //重加载 :data="data" //树形数据 :props="defaultProps" node-key="id" //默认展开节点 :default-expanded-keys="[-1]" //默认展开节点：-1 @node-click="handleNodeClick">...

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...