
vue
太阳姐姐
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
常用插件地址
1.echarts3D图形https://www.makeapie.com/explore.html#sort=rank~timeframe=all~author=all原创 2021-01-21 12:00:37 · 310 阅读 · 1 评论 -
vue 使用xlsx导出功能(及其选择导出,条件导出,部分字段导出)
1.下载xlsx插件npm install --save xlsx2.main.js中使用import XLSX from 'xlsx'Vue.prototype.XLSX = XLSX```3.vue页面中使用 <el-button type="success" @click="exportExcel" size="small" icon="el-icon-upload2">导出</el-button> exportExcel() {原创 2020-11-17 16:34:39 · 9379 阅读 · 9 评论 -
vue 中 lodash的使用
lodash官网连接main.js的使用import _ from "lodash"Vue.prototype._=_;vue文件中的使用let me = this; this.stamp.nationId = _.find(me.ethnicData, o => o.value == me.modify.nationId).label;原创 2020-07-08 15:15:02 · 1674 阅读 · 0 评论 -
element-ui中的滚动条
使用这个标签将你要出现滚动条的内容包裹起来<el-scrollbar> </el-scrollbar>例如原创 2020-05-22 14:12:46 · 492 阅读 · 0 评论 -
vue中鼠标单击事件与双击事件 的绑定 以及修饰符
一.点击:双击:鼠标事件给某个元素添加点击事件时,在click属性前加“v-on:或@”,属性值为点击事件方法。相应的点击事件方法仍然存放于methods当中。双击事件,将click改为dblclick即可。鼠标事件:方法与点击事件一样。二.事件修饰符(once:prev:stop)4. once:事件仅生效一次,eg:与点击事件配合使用,@click.once。只可以点击一次。5...原创 2020-05-06 09:41:17 · 1892 阅读 · 0 评论 -
vue element-ui el-table表格中鼠标单击事件与双击事件的绑定
<template> <el-table :data="tableData" style="width: 100%" @row-click="handleclick" @row-dblclick="handledbClick"> <el-table-column prop="name" label="姓名"> </el-table-column...原创 2020-05-06 09:33:14 · 5830 阅读 · 0 评论 -
vue 项目部署 在nginx上
具体的下载请参考我的这篇博客点击跳转npm run build通过上面命令后打包好的静态资源将输出到dist目录中。如图所示:修改nginx配置文件,配置文件为conf下的nginx.conf,修改nginx.conf中的server配置片段server { server { listen 9999; #默认端口是80,如果端口没被占用...原创 2020-04-24 15:32:36 · 288 阅读 · 0 评论 -
vue elemenet-ui table表格循环创建时改变表格内的字体样式
1,效果图:1>绑定属性 “ :cell-style=“cellStyle” ” <el-table id="exprotTable" border stripe v-loading="loading" :max-height="tableHeight"...原创 2020-04-02 11:31:40 · 805 阅读 · 0 评论 -
vue 前端 md5 加密
1.md5 加密用户注册时将加密后的密码发送给后端存储当登陆的时候,再将加密后的密码和数据库中加密的密码相匹配。此加密无须解密2.md5的在vue中的用法1>安装。npm install js-md5 -D2>使用。(1)项目中引入md5模块。import md5 from “js-md5” 使用:import md5 from “js-md5”(2)在m...原创 2020-01-07 15:39:57 · 581 阅读 · 0 评论 -
vue 实现盒子之间相互拖拽排序克隆
1.首先需要安装vuedraggable依赖包:npm install vuedraggable --save2.复制vue html代码到项目:<template> <div class="dndList"> <div class="dndList-list"> <h3>常用</h3> <...原创 2019-12-11 17:53:43 · 1340 阅读 · 1 评论 -
vue 清除页面双击默认样式
清除双击选中的默认样式 mounted() { // 清除双击选中的默认样式 var home = document.getElementById("home"); home.onselectstart = function(ev) { var e = ev || window.event; e.preventDefault(); };...原创 2019-12-11 17:44:41 · 451 阅读 · 0 评论 -
vue 两个input框设置结束时间大于开始时间
1.效果图2. :picker-options=“pickerOptions0” 控制变量 <el-form-item label="开始时间"> <el-date-picker v-model="customerModel.usedrogeStartime" type="datetime" value-format="yyyy-MM-dd h...原创 2019-12-11 17:21:41 · 1147 阅读 · 0 评论 -
vue element-ui 照片墙的添加与修改
1.效果图2.标签中 :file-list=“fileList” 渲染已经添加进去在的照片 <el-form-item label="套餐图片"> <div class="img_type" style="color: red">(支持jpg、png、jpeg格式,小...原创 2019-12-11 17:05:52 · 3000 阅读 · 0 评论 -
vue 时间戳转换为日期格式(标准版)
let date1 = data.getTime() var date = new Date(date1); let Y = date.getFullYear() + '年'; ...原创 2019-12-11 16:51:00 · 1353 阅读 · 0 评论 -
vue table 时间戳转换为日期格式 moment 方法 与管道方法
1.下载插件命令:cnpm i moment --save2.main.js 挂载import moment from ‘moment’//导入文件Vue.prototype.$moment = moment;//赋值使用3.script中使用 methods: { dateFormat: function (row, column) { ...原创 2019-12-11 16:43:23 · 994 阅读 · 0 评论 -
vue菜单点击刷新页面
通过改变router-view中的key来达到刷新组件的目的 <router-view v-show="!showFrame" ref="routerView" :key="key"></router-view>computed: { key() { return this.$route.name !== undefined ?...原创 2019-12-11 16:27:48 · 1579 阅读 · 0 评论