![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工作日志
名字还我
戴劳
展开
-
后台管理项目工作总结
工作总结原创 2022-11-17 09:46:50 · 248 阅读 · 1 评论 -
uniapp小程序开发随笔
uniapp开发小程序小结原创 2022-07-26 18:27:40 · 942 阅读 · 0 评论 -
封装树形控件为组件,后台管理分配权限并禁用。
做个记录,可能不适用别人,但是能做个参考用。有问题私信父组件<!-- 权限分配弹窗 --><el-button type="primary" size="small" @click="openAuth(scope.row)"> 分配权限</el-button><role-auth :data="current" :visible.sync="showAuth" /> import RoleAuth from "./role-auth原创 2022-05-10 14:45:50 · 169 阅读 · 1 评论 -
日期可按照季度年度来筛选
<el-form :inline="true" :model="listQuery" class="demo-form-inline"> <el-radio-group v-model="radio1" @change="looe"> <el-radio-button label="0">日期</el-radio-button> <el-radio-button label="1">...原创 2022-04-19 15:23:24 · 289 阅读 · 1 评论 -
vue+elementUI实现搜索框历史记录
<el-autocomplete v-model="smallcx.appid" placeholder="appid" :fetch-suggestions="querySearch" //重点!!!!! style="margin-bottom: 10px" />data(){ return{ noRoNameH...原创 2022-04-19 14:07:38 · 1714 阅读 · 0 评论 -
vue中,为json数组(数组中多个对象的数据)做去重
this.objList = res.data.list; let array = res.data.list; var hash = {}; this.newList = array.reduce((item, next) => { hash[next.advertiserId] ? "" : hash[next.advertiserId] = true && item.push(next); retur...原创 2022-03-10 14:15:29 · 1071 阅读 · 3 评论 -
vue项目中,数组做比较,用新数组中的值 覆盖 老数组中的值
//老数组"data": [ { "id": null, "key": "movie_coin", "value": null, "description": "电影币" }, { "id": null, "key": "original_price", "value": null, "description": "原价" }, { "id": null,原创 2022-03-04 15:36:49 · 1946 阅读 · 5 评论 -
vue项目中基于elm树形数据表格组件,实现树状表格的拖拽排序功能
<template> <div class="app-container" v-loading="loading"> <el-button type="primary" @click="handleAddItem">新增菜单</el-button> <el-table :key="tableKey" row-key="id" :data="allRouters" ref="allRout原创 2022-03-01 14:54:09 · 700 阅读 · 0 评论 -
格式为FormData的请求
confirm(formName) { this.$refs[formName].validate((valid) => { if (valid) { //重点 let ce = new FormData(); if (this.model.uploadType == 0) { ce.append('qrCode', this.model.qrCode); ce....原创 2022-02-15 09:38:30 · 2363 阅读 · 0 评论 -
使用饿了么组件的下拉框的可搜索,并且要可以输入中文和数字搜索
async remoteMethod(query) { if (query !== '') { if (/[\u4e00-\u9fa5]/.test(query)) { const res = await getCinemaList({ pageNum: 1, cinemaName: query // zzCode: query }); th...原创 2022-02-15 09:35:23 · 823 阅读 · 0 评论 -
生成二维码,点击下载图片
生成二维码npm install vue-qr --save<template> <div class="app-container"> <el-table :data="objList" style="width: 100%;margin-top:10px;" row-key="id" border > <el-table-column label="#" align="cent原创 2022-02-11 10:28:30 · 203 阅读 · 0 评论 -
解决使用行内el-input修改值时视图没有更新得问题
<template> <div class="ele-body"> <el-card shadow="never"> <el-form :inline="true" style="display:flex"> <Mysle @province_id="province_id" @district_id="district_id" @city_id="cit原创 2021-12-22 20:05:40 · 1542 阅读 · 0 评论 -
封装tabs切换更新表格
<template> <div class="ele-body"> <el-card shadow="never"> <el-tabs v-model="where.type" @tab-click="handleClick(where.type)"> <el-tab-pane v-for="item in list" :key="item.id" :la原创 2021-12-16 13:56:32 · 1609 阅读 · 1 评论 -
省市区组件优化
<template> <div> <!-- 省 --> <el-form-item label-width="60px"> <el-select v-model="province_id" placeholder="请选择省份" clearable> <el-option :label="'全部'" :value="0"> </el-option> <el原创 2021-12-14 10:50:18 · 734 阅读 · 0 评论 -
vue中使用elm表单的自定义校验规则
data() { var checkAge = (rule, value, callback) => { // console.log(value, "输入的"); // console.log(this.da, "最大的"); // console.log(this.xiao, "最小的"); let value1 = Number(value); let xiao1 = Number(this.xiao); let..原创 2021-12-14 09:43:02 · 1269 阅读 · 0 评论 -
使用三目判断什么时候使用接口,实现一个请求实现两个功能
/* 保存编辑 */ save() { this.$refs["form"].validate(valid => { if (valid) { this.loading = true; const url = this.isUpdate == false ? "admin-api/sessions-config/add" : "admin-...原创 2021-12-03 14:35:16 · 421 阅读 · 0 评论 -
vue项目中,使用elm组件中的tabs,二次封装
<template> <div class="tab-container"> <el-tag>mounted times :{{ createdTimes }}</el-tag> <el-alert :closable="false" style="width:200px;display:inline-block;vertical-align: middle;margin-left:30px;" title="Tab with kee原创 2021-12-03 14:25:38 · 806 阅读 · 0 评论 -
模版中用到反查多个数据,每天一个小技巧。
看不懂没事,给自己看的,直呼牛逼。。<template> <el-dialog :visible="visible" width="40%" @update:visible="updateVisible"> <!-- <span>{{ data }}</span> --> <!-- 头像信息 --> <div class="xinxi"> <img :src="data.ava原创 2021-11-22 11:12:23 · 396 阅读 · 0 评论 -
vue模版中 根据返回的id去解析,id对应的name
需求:根据返回的id去解析,id对应的name <Mysle @all="all" @province_id="province_id" @district_id="district_id" @city_id="city_id" ></Mysle> <template slot=原创 2021-11-22 11:07:37 · 1442 阅读 · 1 评论 -
vue项目中,封装个省市区的组件
后端返回的数据就是正常的对象,不是树状。<template> <div> <!-- 省 --> <el-form-item label-width="60px"> <el-select v-model="province_id" placeholder="请选择省份" clearable> <el-option v-for="item in sele"原创 2021-11-22 10:59:10 · 895 阅读 · 0 评论 -
vue项目中过滤时间戳
使用<div>注册时间:{{ this.data.created_at | dataFormat }}</div>全局注册Vue.filter('dataFormat', function (originVal, info) { const dt = new Date(originVal * 1000); const y = dt.getFullYear(); const m = (dt.getMonth() + 1 + '').padStart(2, '0');原创 2021-11-16 13:17:06 · 387 阅读 · 0 评论 -
动态删减标签
<template> <div class="ele-body"> <el-card shadow="never"> <el-tag :key="tag.id" v-for="tag in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)" >原创 2021-10-28 14:54:01 · 154 阅读 · 0 评论 -
表单内动态删减标签
<template> <div class="ele-body"> <el-card shadow="never"> <el-button type="primary" @click="openEdit(null)">添加大类</el-button> <el-table :data="list" :span-method="objectSpanMethod"原创 2021-10-28 14:55:33 · 184 阅读 · 0 评论 -
原生微信小程序,手机号获取验证码倒计时
看不懂留言,拿的项目里的代码,没修改 data: { count: 60, mobile: '', code: '获取验证码', }, //验证码 textCode: function () { let that = this // 手机号码格式验证 if (!(/^1[3456789]\d{9}$/.test(this.data.mobile))) { wx.showToast({ title: '输入手机号有误'原创 2021-10-11 15:29:03 · 211 阅读 · 0 评论 -
表单键值对
<template> <div class="one"> <el-form :model="form" class="dadada"> <el-card> <!-- er --> <el-form-item label="佣金类型:"> <el-select clearable class="ele-bloc原创 2021-10-19 10:38:12 · 194 阅读 · 0 评论 -
新增表单,并且键值上传
<template> <div class="one"> <el-card> <el-form ref="demoForm" :model="infoa" :rules="rules" class="dadada"> <el-form-item label="商品图片:" prop="img"> <el-upload class="tu"原创 2021-10-19 13:26:30 · 69 阅读 · 0 评论 -
v-for函数包装
<template> <div class="ele-body"> <el-card shadow="never"> <el-form :model="where" label-width="77px" class="ele-form-search" @keyup.enter.native="reload" @submit.native.prevent原创 2021-10-21 15:42:58 · 82 阅读 · 0 评论 -
获取今天明天的时间
// 当前时间 addDate() { let nowDate = new Date(); let date = { year: nowDate.getFullYear(), month: nowDate.getMonth() + 1, date: nowDate.getDate(), hh: '00', mm: '00', ss: '00' }; ...原创 2021-11-01 17:49:34 · 122 阅读 · 0 评论 -
vue中使用饿了么组件上传表单时,时间选择器的格式不对
官网给的格式是下图但是这样上传后依旧不是想要的格式,这里就不演示了正确的代码使用!!!! <el-date-picker type="date" //format要这样写 value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择预约时间" v-model="form.start_time"原创 2021-10-11 14:59:33 · 541 阅读 · 0 评论 -
vue中给v-for循环出来的元素分别加样式
vue中给v-for循环出来的元素分别加样式1.绑动态样式` <div :class="sstt[index]" v-for="(item, index) in datas" :key="index"> <div class="da"> <div class="box-typ">{{ item.name }}</div> <div class="one">{{ item.desc }}</原创 2021-09-14 17:18:10 · 1908 阅读 · 0 评论 -
vue基于vant组件,在h5中实现分页效果
vue项目中基于vant组件,在h5中实现分页效果使用vant中组件中List组件直接上代码,不懂可以私信。<template> <div class="box"> <van-list :immediate-check="false" v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad"> //list中包裹的代码体,根据实际情况自己定义原创 2021-09-14 16:43:53 · 1790 阅读 · 0 评论 -
在vant组件中使用switch,根据后台返回的值,渲染switch状态
收到贵司的原创 2021-09-14 15:45:02 · 3007 阅读 · 0 评论 -
vue项目,截取当前数据到小数点后两位
<div>{{ datas.cash_total | numFilter }}</div>vue过滤 filters: { numFilter(value) { let realVal = ''; if (!isNaN(value) && value !== '') { // 截取当前数据到小数点后两位 realVal = parseFloat(value).toFixed(2); }原创 2021-11-16 10:38:03 · 2398 阅读 · 0 评论 -
vue项目中封装弹窗组件
父组件<el-link type="primary" :underline="false" @click="openEdit(row)" >查看 </el-link> <!-- 使用 --> <adio :data="current" :visible.sync="showEdit" ></adio>```//注册组件import adio from "@/views/users/原创 2021-11-16 10:53:48 · 1961 阅读 · 0 评论