- 博客(42)
- 收藏
- 关注
RSS订阅原创 JS知识点，持续更新
空值合并操作符（Nullish Coalescing Operator）用于提供默认值，当左侧的操作数为 null 或 undefined 时，使用右侧的操作数。可选链操作符（Optional Chaining Operator）允许读取对象的属性或调用对象的方法，而不需要明确判断对象及其嵌套属性是否存在。. 允许我们在不明确检查每个属性的情况下安全地访问 person 对象的属性。. 链式操作符确保了安全的属性访问，而?
2023-11-21 10:25:56
168
1
原创 封装树形控件为组件，后台管理分配权限并禁用。
做个记录，可能不适用别人，但是能做个参考用。有问题私信父组件<!-- 权限分配弹窗 --><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
219
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
377
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
1807
原创 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
1261
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
2066
6
原创 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
783
原创 格式为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
2437
原创 使用饿了么组件的下拉框的可搜索，并且要可以输入中文和数字搜索
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
956
原创 生成二维码，点击下载图片
生成二维码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
262
原创 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
701
原创 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
447
原创 解决使用行内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
1677
原创 封装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
1704
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
782
原创 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
1362
原创 使用三目判断什么时候使用接口，实现一个请求实现两个功能
/* 保存编辑 */ 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
470
原创 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
901
原创 模版中用到反查多个数据，每天一个小技巧。
看不懂没事，给自己看的，直呼牛逼。。<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
471
原创 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
1546
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
944
原创 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
433
原创 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
2020
原创 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
2548
原创 获取今天明天的时间
// 当前时间 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
158
原创 表单内动态删减标签
<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
246
原创 动态删减表单
<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
172
原创 动态删减标签
<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
188
原创 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
120
原创 新增表单，并且键值上传
<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
94
原创 表单键值对
<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
242
原创 原生微信小程序，手机号获取验证码倒计时
看不懂留言，拿的项目里的代码，没修改 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
254
原创 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
594
原创 小程序公众号调微信支付
小程序公众号调微信支付一：配置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
237
原创 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
753
原创 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
2062
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人