名字还我-CSDN博客

原创 JS知识点，持续更新

空值合并操作符（Nullish Coalescing Operator）用于提供默认值，当左侧的操作数为 null 或 undefined 时，使用右侧的操作数。可选链操作符（Optional Chaining Operator）允许读取对象的属性或调用对象的方法，而不需要明确判断对象及其嵌套属性是否存在。. 允许我们在不明确检查每个属性的情况下安全地访问 person 对象的属性。. 链式操作符确保了安全的属性访问，而?

2023-11-21 10:25:56 137 1

原创 sku组件

【代码】sku组件。

2023-04-25 15:11:58 354 1

原创后台管理项目工作总结

工作总结

2022-11-17 09:46:50 292 1

原创 uniapp小程序开发随笔

uniapp开发小程序小结

2022-07-26 18:27:40 977

原创封装树形控件为组件，后台管理分配权限并禁用。

做个记录，可能不适用别人，但是能做个参考用。有问题私信父组件<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 194 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 324 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 1756

原创 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 1129 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 2015 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 721

原创格式为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 2392

原创使用饿了么组件的下拉框的可搜索，并且要可以输入中文和数字搜索

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 862

原创生成二维码，点击下载图片

生成二维码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 228

原创 vue全局事件总线bus

main.jsnew Vue({ el:'#app', render: h => h(App), beforeCreate() { Vue.prototype.$bus = this //安装全局事件总线 },})子组件<button @click="sendStudentName">把学生名给School组件</button>methods: { sendStudentName(){ this.$bus.$emit('hello',th

2022-02-09 10:56:33 676

原创 mixin混入

mixin.jsexport const hunhe = { methods: { showName(){ alert(this.name) } }, mounted() { console.log('你好啊！') },}export const hunhe2 = { data() { return { x:100, y:200 } },}main.jsimport {hunhe,hunhe2} from './mixin'Vue.mixin

2022-02-09 10:20:04 426

原创解决使用行内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 1586

原创封装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 1633 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 760

原创 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 1304

原创使用三目判断什么时候使用接口，实现一个请求实现两个功能

/* 保存编辑 */ 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 444

原创 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 838

原创模版中用到反查多个数据，每天一个小技巧。

看不懂没事，给自己看的，直呼牛逼。。<template> <el-dialog :visible="visible" width="40%" @update:visible="updateVisible">   <div class="xinxi"> <img :src="data.ava

2021-11-22 11:12:23 424

原创 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 1486 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 906

原创 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 410

原创 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 1989

原创 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 2433

原创获取今天明天的时间

// 当前时间 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 130

原创表单内动态删减标签

<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 214

原创动态删减表单

<template> <div class="ele-body"> <el-card shadow="never"> <el-tabs v-model="form.type" @tab-click="handleClick"> <el-tab-pane label="用户" name="0"> <el-form v-model="aaa"> <el

2021-10-28 14:54:32 149

原创动态删减标签

2021-10-28 14:54:01 161

原创 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 88

原创新增表单，并且键值上传

<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 74

原创表单键值对

<template> <div class="one"> <el-form :model="form" class="dadada"> <el-card>  <el-form-item label="佣金类型:"> <el-select clearable class="ele-bloc

2021-10-19 10:38:12 210

原创原生微信小程序，手机号获取验证码倒计时

看不懂留言，拿的项目里的代码，没修改 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 226

原创 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 566

原创小程序公众号调微信支付

小程序公众号调微信支付一：配置npm install weixin-js-sdk 装包import wx from ‘weixin-js-sdk’；Vue.prototype.$wx = wx; 实例上挂载二：代码 created() { this.app(); this.list(); }, methods: { //点击事件,方法是封装的,支付主要是下面注释起来的 money(e) { // wx.chooseWXPay({ //

2021-09-16 14:41:41 194

原创 vue中拿后台返回的值，分别给样式

vue中根据后台返回的值，分别给样式1.我这里使用的是多个三目运算，目前感觉是比较好使的，有别的欢迎留言，，，，代码//我这里外面有层循环，所以是item.ex_id，根据拿到的id进行判断<van-tag :class="[item.ex_id == 1 ? 'yi' : '', item.ex_id == 2 ? 'two' : '', item.ex_id == 3 ? 'san' : '', item.ex_id == 4 ? 'si' : '', item.ex_id == 5

2021-09-16 14:20:24 697

原创 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 1944

原创 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 1835

空空如也

空空如也