加载中
highcharts 自适应div的宽度

如果窗口变化时,highcharts图表是自带自适应的,但是切换折叠菜单时,highchats图表并不自适应外层div的宽度。如何实现适应div的宽度? 在网上找到有个 reflow 的方法,我是在项目中引入的 ...

vue中引入Jquery

之前我是在main.js直接引入的jQuery //import './assets/js/jQuery-2.1.4.min.js 后来不知为什么页面总是提示$ undefind 后来就换成安装jquery 第一步:npm install jquery @2.1.4 第二步:配...

07/04 11:50
44
Element table设置固定列,没有滚动条时底部会显示一条线的解决方法

固定列需要在el-table-column 上设置fixed属性,它接受Boolean值或者left right,表示左边固定还是右边固定 <el-table :data="tableData" border style="width: 100%"> <el-table-column ......

Vue中使用高德地图POI搜索

创建 loadMap.js /** * 动态加载高德地图 * * @export * @param {*} key 高德地图key * @param {*} plugins 高德地图插件 * @param {string} [v='1.4.14'] 高德地图版本 * @returns */ expo...

element 嵌套数据合并单元格两种处理方法

Element 官网有合并单元格的例子 通过table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面是{row, column, rowIndex, columnIndex} 四个属性,该函数返回包含两个元素的...

06/25 14:48
57
vue 中 $set与$delete的使用

官网的讲解 对于对象 Vue无法检测property的添加或移除,由于Vue会在初始化实例时对property执行getter/setter转换,所以propterty必须在data对象上存在才能让Vue将它转换为响应式的。例如 ...

06/20 10:39
66
vue-print-nb 打印插件的使用

(一)首先安装插件 npm install vue-print-nb --save (二)在main.js 中引入并注册 import Print from 'vue-print-nb' Vue.use(Print) (三)使用方法 <div id="printTest"> 打印测试 </di...

vue 计算属性与vuex getters的传参

计算属性比method好的一点是计算属性依赖数据是否变化而执行,不是每一次都执行,效率比较高,为了复用代码可以给计算属性进行传参 使用计算属性返回一个函数来实现 <el-button v-if="getpe...

引入highcharts主题

如果把highcharts的主题放到自己的文件夹中方便修改,该怎么做呢? 新建一个主题的js文件 主题js的内容 import Highcharts from "highcharts/highcharts"; Highcharts.theme = { colors: ['r...

vue从列表页到详情页的面包屑处理方法

对于菜单级别的面包屑采用的是 this.$route.matched 假如数据结构 [ { path: "/home", name: "商业数据统计", component: "Home", children:[{ ......

vue-treeselect 的使用

1、安装 npm install --save @riophae/vue-treeselect 然后在页面中引入 // import the component import Treeselect from '@riophae/vue-treeselect' // import the styles import '@rioph...

05/10 11:56
113
父组件从vuex获取数据给子组件传值延迟问题

做项目的时候发现如果子组件在页面比较靠上,子组件渲染的时候父组件还未取到值,导致子组件取不到数据 原因:子组件created和mounted 只执行一次 ,在父组件初始化时,已经给子组件传了一个...

05/03 10:38
173
Element 带输入建议的input框

激活即列出输入建议 的情况 官网的例子 <el-col :span="12"> <div class="sub-title">激活即列出输入建议</div> <el-autocomplete class="inline-input" v-model="state1" :......

后台传的图片流在前端展示图片

假如二维码后台传的是图片流,前端展示图片 // 获取二维码图片 getCodeImg() { this.getUUID(); let UUID = window.sessionStorage.getItem("UUID"); this.$axios .get("ge......

Element Tabs 标签页实现右键自定义菜单

如果tab标签页比较多的话,一个个关闭比较麻烦,可以右键显示菜单,关闭所有的标签页或者特定的标签页 要解决的问题 1、如何在el-tabs 上绑定右键事件 可以使用 @contextmenu.prevent.nativ...

04/11 14:02
430
Element Form表单含有嵌套的数据校验

官网的例子 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="rul...

04/05 08:29
725
多级菜单生成的嵌套路由如何展示页面

菜单数据结构 menuData {"data": [{ "id": 1, "menuName": "一级菜单", "path": "/home", "icon": "el-icon-setting", "comp......

03/28 10:12
142
Element NavMenu 左侧菜单展开折叠Echart图表自适应父级Div

查看效果 在NavMenu菜单切换展开折叠的时候,Div 是自适应的,但是如果页面含有Echart图表,需要特殊处理才能只适应父级Div的大小 主要原理是监听当前状态是展开还是折叠,对Echart 图表执行...

03/14 10:17
83
js获取树各级的名称

根据树的最后一级名称获取整个树的名称 ["基础配置管理", "菜单管理", "第三级1"] var resultArr = [] var obj = [{ id: 1, menuName: "基础配置管理", icon: "el-icon-setting", c......

03/11 13:49
80
Element Tabs 标签页 展示Echart 并随窗口变化自适应

主要难点 1、如何在一个div中展示不同的图表 (点击tab时为Chart组件赋值,并传给子组件,子组件监听数据变化并在 $nextTick 中重新绘制表格) watch: { "chart1Info.idName": { handler(ne...

03/07 20:14
573

没有更多内容

加载失败,请刷新页面

返回顶部
顶部