vue成长之路
文章平均质量分 94
狂野的心跳
世上无难事,只要肯放弃
展开
-
element表格自定义设置el-table-column表头宽度
<el-table height="100%" :data="tableData" border style="width: 100%"> <el-table-column show-overflow-tooltip :width="setColumnWidth('日期')" prop="date" ...原创 2020-08-19 10:30:09 · 11462 阅读 · 2 评论 -
webpack安装、基础配置
首先新建一个文件夹,比如 my-first-webpack ,初始化项目,得到一个 package.json 文件npm init然后安装 vue、webpack、webpack-dev-servernpm install vue --savenpm install webpack webpack-dev-server --save-dev这里,我用的是 webpack...原创 2019-04-25 14:44:54 · 989 阅读 · 0 评论 -
vue中插入Echarts示例
首先,第一步下载Echarts。淘宝镜像npm install --registry=https://registry.npm.taobao.org npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts第二步,引入echarts。import echarts...原创 2018-09-04 10:27:19 · 85020 阅读 · 21 评论 -
vue点击图片预览放大(可旋转、翻转、缩放、上下切换、键盘操作)
因项目需求(ui框架element-ui),需要实现图片的点击放大,还要能旋转以及上下切换。当时第一反应,element-ui好像没有这样的组件,就想过自己写,但是那个旋转翻页上下切换感觉有点麻烦,不甘心,就在GitHub找找找.........还真找到一个适合vue的插件,叫viewerjs,GitHub地址:https://github.com/fengyuanchen/viewerjs...原创 2018-08-31 10:29:00 · 41577 阅读 · 47 评论 -
vue解决一个方法同时发送多个请求
在项目开发过程中,让人抓狂之一的问题就是一个点击事件,当快速点击的时候,它会重复发送多个请求。这是不允许出现的。但是怎么解决这个问题呢?一般处理方法,就是点击的时候,立刻将该按钮disabled,这样就可以避免重复发送请求了。但是我发现这个有一个弊端,那就是:如果,该事件有许多的验证,比如电话、邮箱格式是否正确呀,必填的是否填了呀等等。一旦你点击就把按钮disabled了,发现该填的没...原创 2018-07-20 15:36:47 · 28297 阅读 · 0 评论 -
vue+vueRouter+webpack 搭建项目
前段时间写了一篇搭建vue项目的博客,个人感觉写的不好,也不是很清晰,所以重新整理了一下,加以图片辅助,看起来应该更容易看懂。首先,确保个人已经安装了node、webpack、vue以及vue的脚手架由于国外环境下载慢,大家可以使用淘宝镜像。命令:npm install --registry=https://registry.npm.taobao.org npm install...原创 2018-06-25 17:10:44 · 1585 阅读 · 0 评论 -
vue的双向绑定原理及实现
前言使用vue也好有一段时间了,虽然对其双向绑定原理也有了解个大概,但也没好好探究下其原理实现,所以这次特意花了几晚时间查阅资料和阅读相关源码,自己也实现一个简单版vue的双向绑定版本,先上个成果图来吸引各位:代码: 效果图: 是不是看起来跟vue的使用方式差不多?...转载 2018-06-23 15:13:10 · 241 阅读 · 0 评论 -
vue父子组件之间通信(传值)
使用vue进行项目开发的时候,免不了组件之间的通信。父组件传递给子组件的值,子组件可以通过props获取。子组件想要改变数据,只能通过触发事件告诉父组件,我要变身了!父组件接收到信号,从而达到改变的目的。1、父组件传值给子组件父组件:<template> <div> <parent> <child :parentToChild="v...原创 2018-06-22 10:41:24 · 20059 阅读 · 4 评论