随笔分类 -  Vue相关

something about vue
echarts图例全选功能实现
摘要：需求说明 图标涉及图例较多，为方便操作，故新增全选/全取消功能，通过全选框控制全选/全取消 实现思路 主要用到echarts > legend > selected属性以及legendselectchanged方法。当全选/全取消时通过selected属性动态赋值，改变图例选中状态。legendse 阅读全文
posted @ 2020-02-11 19:11 南韵 阅读(3820) 评论(0) 推荐(0)
vue3.0学习笔记（一）
摘要：部分目录文件解读： .circleci文件夹（config.yml文件）// Circleci的配置文件 Circleci是一个持续集成/部署的服务，可以绑定Github，只有代码有变更，就会自动抓取，并根据你的配置，提供运行环境，执行测试、构建和部署。 .vscode/settings.json 阅读全文
posted @ 2019-10-10 18:53 南韵 阅读(1553) 评论(0) 推荐(0)
完整开发vue后台管理系统小结
摘要：最近业余帮朋友做两个vue项目，一个是面向用户纯展示系列的（后统称A项目），一个是后端管理系统类的（后统称B项目）。两者在技术上都没难度，这里对开发过程遇到的问题、取舍等做一个小节。 关于项目搭建 目前vue-cli脚手架已经很成熟，创建项目很方便，按照官网文档或网上相应教程即可快速搭建（https 阅读全文
posted @ 2019-08-23 18:31 南韵 阅读(8324) 评论(0) 推荐(0)
vue容易混淆的点小记
摘要：computed、methods及watch函数的差异 computed：基于依赖进行缓存，若依赖不变，则直接调用缓存（适用于性能开销比较大的时候） methods: 不管数据是否变更，都会进行计算（适用于不需要缓存的时候） watch: 跟computed有异曲同工之妙，不同的是，其可以设置中间状 阅读全文
posted @ 2019-04-02 18:20 南韵 阅读(553) 评论(0) 推荐(0)
关于弹出蒙层禁止背景可滑动的实现方法
摘要：我们在业务处理中，时常遇到这样的情况： 在当前页弹出一个蒙层，在蒙层上仍然可滑动底部背景，解决这个最通用的方法是，通过条件判断，给底部背景动态添加或去除一个css类hidden .hidden {width: 100vh; overflow: hidden} 在vue里有个便捷的方式： <view 阅读全文
posted @ 2019-01-09 18:11 南韵 阅读(1796) 评论(0) 推荐(0)
.vue文件里引用单独样式和js文件
摘要：style只能引一个，script可以引多个 阅读全文
posted @ 2016-11-10 22:44 南韵 阅读(16291) 评论(1) 推荐(0)
脚手架搭建的vue项目里引入jquery和bootstrap
摘要：引入jquery： 1.在cmd输入：npm install jquery,回车，等待.. 2.在webpack.base.conf.js里进行如下操作： 3.在webpack.prod.conf.js里进行如下操作： 4.在入口文件里引入： 不知道是不是jquery版本的问题，在重构以前写的页面时 阅读全文
posted @ 2016-11-10 22:38 南韵 阅读(8604) 评论(1) 推荐(1)
vue-router2使用
摘要：条件：紧接前面vue.js开发环境搭建 1.在cmd输入：npm install vue-router，回车，等待，安装对应版本router； 2.在入口文件用 import vueRouter from 'vue-router'方式引入，具体如下图所示： 阅读全文
posted @ 2016-11-10 22:14 南韵 阅读(2164) 评论(0) 推荐(0)
vue.js开发环境搭建
摘要：1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html) 2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入：npm install -g cnpm --registry=https://regis 阅读全文
posted @ 2016-11-04 12:11 南韵 阅读(83172) 评论(11) 推荐(9)