
vue+ElementUI学习
vue+ElementUI学习
MistyWood
这个作者很懒,什么都没留下…
展开
-
vue中的echarts对象绑定click事件无法调用vue的实例对象
this.fanChart.on('click', function(params) { this.getData(params.data.code);})在vue里使用echarts时,需要在绑定click事件触发vue的函数,用this引用后总是找不到对象或者函数解决方法:用箭头写法就可以了this.fanChart.on('click', (params)=> { this.getData(params.data.code);})...原创 2020-05-26 16:37:07 · 2236 阅读 · 3 评论 -
elementUI实现下拉选择树
效果用elementui的popover,tree,input组件实现代码:<template> <div> <el-popover placement="bottom-start" v-model="treeFlag" class="orgTree" width="300" trigge...原创 2020-04-10 14:36:47 · 3975 阅读 · 0 评论 -
处理扁平化数组数据为树状结构,以便用于ElementUI中Cascader级联选择器控件绑定数据
处理ElementUI中Cascader级联选择器控件v-model属性为所选项路径数组, 1:cascaderTree([],string,string) 类构造器,用于构造一次转换,传入要转换的数组,数据主键名,父数据主键名 2:cascaderTree.prototype.init(); 实例函数,用户将数据按配置初始化,形成树状结构的数据/*** * @author: m...原创 2020-04-10 09:40:55 · 1049 阅读 · 0 评论 -
Vue项目引入Echarts
1、安装echartsnpm install echarts -S2、在main.js中引入echartsimport Echarts from 'echarts'Vue.prototype.echarts = EchartsVue.use(Echarts)3、实例<template> <div> <div id="echarts" :s...原创 2020-03-30 15:40:25 · 350 阅读 · 0 评论 -
搭建一个vue项目
本文参考地址一、环境安装配置1.安装node环境(下载地址:https://nodejs.org/en/)在cmd里执行node -vnpm -v检查是否安装成功(出现版本号就是成功了)为了提高下载效率,可以使用淘宝镜像# 淘宝镜像npm install -g cnpm -registry=https://registry.npm.taobao.org# 检查是否安装成功...原创 2020-03-30 10:28:29 · 281 阅读 · 0 评论 -
'vue' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
1.首先在cmd里执行npm config list看一下配置信息进到红框里面的地址(我这里是‘C:\Users\Administrator\AppData\Roaming\npm’),看看文件夹里有没有vue.md这个文件(如果没有就全局卸载cli再重新安装一遍)全局卸载:npm uninstall vue-cli -g;全局安装:npm install -g @vue/cli;2.然...原创 2020-03-30 09:36:39 · 2949 阅读 · 1 评论 -
Vue项目引入ElementUI
1、安装elementUI官方推荐用npm安装,webpack打包不容易出问题npm i element-ui -S2、在main.js中引入elementUIimport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)这样就能使用eleme...原创 2020-03-30 15:02:55 · 250 阅读 · 0 评论