![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue使用记录
杀生丸H
编程界的一名小学生!!!
展开
-
vue使用记录
vue 几个函数域:data(){}:一般用来声明属性; methods(){}里面定义方法; mounted(){} 与created(){}方法的使用:二者类似于window.onload,即打开页面时自动加载的方法;区别在于:created()在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图;mounted()在模板渲染成html后调用,通常是初始化...原创 2019-03-09 11:08:45 · 168 阅读 · 0 评论 -
vue 中使用echarts环形图将总数值显示在中间
展示静态值:如果需要动态传值,需要我们定义个方法,因为formatter的值是一个方法函数,我们直接放属性是不行的,正确写法如下图:原创 2019-03-29 17:06:01 · 13109 阅读 · 0 评论 -
vue render函数实现数据的双向绑定
一般情况下vue通过v-model即可实现双向绑定功能,但是有时候我们的遇到的通过:column来设置列表的:这时如何使用v-model呢,官方API给出了答案,但是有由于鄙人能力有限,未能按照官方给出的方法成功实现效果,所以就独自摸索,有幸终于是实现了,方法如下:最终效果:初始化页面时输入框可以展示后台返回的数据,当我们对数据作了修改以后,点击“确认”也可将数据传递给后台...原创 2019-04-07 20:12:08 · 8650 阅读 · 1 评论 -
vue中ECharts的使用
最近做的一个项目需要用到一些图表,然后就安装了一下echarts,安装命令:npm install echarts -S 或 cnpm install echarts -S(后者为国内淘宝镜像)然后引用:可以在main.js中全局引入 或 按需在单个页面引入(前者会将所有echarts图表打包,导致体积过大,所以一般使用后者)全局引入:// 引入echartsimpor...原创 2019-04-09 16:50:14 · 228 阅读 · 0 评论 -
vue.js中监听是否全屏显示
最近遇到一个项目,使用echarts图表展示数据,但是需求是显示大小自适应,由于鄙人才疏学浅,只好使用笨方法,那就是设置图表宽高为百分比,当调整屏幕大小时,强制页面刷新。那么问题来了,如何判断屏幕显示变化,起初想的是监听“F11”按键事件,mounted() {//监听键盘事件 document.addEventListener('keydown',(e)=>{ ...转载 2019-05-24 17:30:44 · 8159 阅读 · 1 评论 -
Vue el-tree与el-transfer的结合使用之el-tree-transfer
原文以及github地址效果:首先下载插件:npm install el-tree-transfer --save或npm i el-tree-transfer -S结果如下即成功:然后引入:<script> import treeTransfer from 'el-tree-transfer' // 引入 export defu...转载 2019-07-24 10:48:22 · 27281 阅读 · 27 评论