vue
撸猫的咸鱼
八雪天下第一
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
el-table 复选框,el-select多选, 图片上传
1、el-table 复选框实现删除(包含批量删除)<template> <div class="app-container"> <div> <el-card class="box-card" style="margin-bottom: 20px"> <el-form ref="searchForm" :model="sreachInfo" label-position="right" label-width="原创 2022-04-24 17:16:43 · 946 阅读 · 0 评论 -
vue el-table排序
在java中 @RequestParam(value="prop", required=false) String prop, @RequestParam(value="sort", required=false) String sort, /*排序*/ String sortStr=""; if ((prop!=""&&prop!=null)&&(sort!=""&&sort!=null)){ sortStr="order原创 2021-12-10 09:14:10 · 748 阅读 · 0 评论 -
vue 表单校验
price:[{ type: 'string', pattern: '^[+]{0,1}(\\d+)$|^[+]{0,1}(\\d+\\.\\d+)$',required: true, message: '此项不能为空且只能输入非负数,请检查', trigger: 'blur' }], learnUserNum:[{ type: 'string', pattern: '^[+]{0,1}(\\d+)$',required: true, message: '此项不能为...原创 2021-12-09 16:58:19 · 729 阅读 · 0 评论 -
vue 重复刷新
mounted: function() { this.setTimer() }, setTimer() { clearInterval(this.timer) this.timer = setInterval(() => { // alert("时间到了,下一次时间是"+this.time.refreshMin+"分钟后") this.doReflush() }, 1000)// 单位毫秒 },..原创 2021-12-06 14:37:44 · 483 阅读 · 0 评论 -
el-upload 上传图片
<el-upload class="upload-demo" ref="upload" :limit="1" :on-exceed="handleExceed" :on-success="handle_success" :action="upUrl" :on-preview="hand...原创 2021-11-24 17:52:32 · 1834 阅读 · 0 评论 -
el-tree 数据残留问题
<el-tree ref="treeOption" show-checkbox default-expand-all highlight-current accordion node-key="id" check-on-click-node :data="cisTree.tutorialsTy...原创 2021-11-23 18:09:37 · 801 阅读 · 0 评论 -
vue elementui tree-select组件
<template> <el-select ref="selectTree" v-model="value" :placeholder="placeholder" v-bind="$attrs" clearable @remove-tag="removeTag" > <el-option value="" /> <el-tree ref="treeOption" :sho原创 2021-11-19 16:46:24 · 1061 阅读 · 0 评论 -
el-table排序以及echarts数据视图优化
一、el-table排序1、java @RequestParam(value="prop", required=false) String prop, @RequestParam(value="sort", required=false) String sort,/*排序*/ String sortStr=""; if ((prop!=""&&prop!=null)&&(sort!=""&&sort!=null)){ sortStr=转载 2021-11-17 16:11:27 · 502 阅读 · 0 评论 -
vue v-if和v-show的闪烁问题
1、使用v-if控制一个按钮的显示时,会出现加载时闪烁的问题造成用户体验不好。网上的解决方式使用v-cloak <el-button v-if="isRoles" v-cloak class="filter-item" type="primary" icon="el-icon-circle-plus-outline" @click="addBroker"> 添加 </el-button><style type=原创 2021-10-25 18:13:53 · 3893 阅读 · 0 评论 -
vue定时计时
countdown() { // 做判断当倒计时结束时都为0 if (new Date().getTime() >= this.endTime) { this.d = '00' this.h = '00' this.m = '00' this.s = '00' return } // 用结束时间减去当前时间获得倒计时时间戳 const msec = thi...原创 2021-10-14 11:32:38 · 361 阅读 · 0 评论 -
vue button点击按钮背景改变
<button v-for="(item,index) in tagList" :key="index" :class="active==index ? 'activeClass1' : 'activeClass2' " @click="selected(index)"> {{ item.name}} </button>tagList...原创 2021-10-12 19:07:42 · 1756 阅读 · 0 评论 -
vue设置格式注意value的格式
</el-date-picker>原创 2021-10-12 15:35:56 · 307 阅读 · 0 评论 -
关于el-table,数据修改,不及时更新问题
1、使用el-table,当我们修改数据库的数据后,el-table的数据还是原来的没有及时更新数据,必须重新从接口取新的数据才会变化,造成用户体验不好,使用this.$set解决 var url = this.HOST + '/xx/xx' var qs = require('qs'); this.$axios.post(url, qs.stringify(this.info), { headers: {原创 2021-08-11 14:57:37 · 3625 阅读 · 0 评论 -
vue table数据展示以及确认框
1、el-table 数据展示(1)第一种 <el-table-column label="状态" width="180px" align="center"> <template slot-scope="scope"> <span v-if="scope.row.userState==0" >正常</span> <span v-if="原创 2021-07-05 16:15:22 · 217 阅读 · 0 评论 -
使用v-if页面不及时刷新
1.使用v-if改变了值,而vue的值没有及时刷新,解决办法,使用key,设置key来实现及时刷新 <el-table-column v-model="roles" v-if="roles!='MANAGER'" label="操作" width="100px" align="center" :key="del"> <template slot-scope="{row}"> <el-button v-if="row.provid原创 2021-08-09 11:20:53 · 4046 阅读 · 1 评论 -
vue el-table排序以及下拉框保存
1、el-table排序 <el-table v-loading="listLoading" :data="list" element-loading-text="载入中" border fit stripe highlight-current-row :height="tableHeight" width="100%" @sort-change="sortChange"&g原创 2021-07-23 14:07:45 · 729 阅读 · 0 评论
分享