UI组件
qq_39355295
这里是一个前端的小白的基本的学习笔记,记录自己的成长
展开
-
修改vue组件中的样式
开发中需要修改组件的样式:下面是对应的方法,亲测有效,下面是参考链接。详细链接转载 2020-04-27 09:06:55 · 426 阅读 · 0 评论 -
vue+element-ui中上传文件使用Progress自定义实时更新进度条
使用Upload+Progress实现文件上传进度条实时更新功能,需要借助http-request属性。具体使用方法如下:<el-upload action="#" :file-list="fileList" :on-change="changeData" :http-request="handleRequest" :before-up...转载 2020-03-22 15:50:34 · 12481 阅读 · 1 评论 -
在vue中使用 dialog 弹窗
官网实例2.第一步–引入这里我是使用的按需引入的方法。安装后在main.js中引入对应的方法即可使用。官方推荐安装方式3.vue页面中使用这里我直接上代码展示:<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button><el-dialog title="...原创 2019-12-07 10:37:35 · 5467 阅读 · 0 评论 -
vue2.0 + element UI 中 el-table 数据导出Excel
安装相关依赖npm install --save xlsx file-saver组件里头引入:这里utils.js是我的实现方法的组件import FileSaver from 'file-saver'import XLSX from 'xlsx'1、定义导出按钮:<el-button type="primary" size="medium" v-if="$store.st...原创 2019-10-21 18:35:04 · 1115 阅读 · 0 评论 -
mint ui + vue的基本使用(一)
之前一直使用vue+element ui开发pc端页面,但是这次接触到手机端业务时,基本使用mint ui来开发,从零开始使用,遇到自己想要实现的效果但是不会的时候,一般时自己自行搜索,下面是完成三个基本页面后,自己一些基本小心得,分享一下,便于自己和大家一起学习。1、基本mint ui阶段(1)安装:点开链接即可主要有两种安装方式,这里我们是使用CDN安装,后期会npm安装。方法大同小异。...原创 2019-10-20 20:40:54 · 383 阅读 · 0 评论 -
(一)VUE2.0之引入Vant组件库
在日常的vue的开发中,进行移动端的开发时,经常使用vant组件作为项目的ui界面。下面是从新建项目到开发的全部过程:1、新建vue项目,这里使用vue-cli3.x版本。//安装Vue cli 不管你的版本是多少 执行下面语句 都会安装最新版本npm install -g @vue/cli// 创建一个项目,名为hello-worldvue create hello-world/...原创 2019-09-10 22:19:26 · 3577 阅读 · 0 评论