smallqinlove-CSDN博客

原创 vue3自定义指令

这个指令将元素的背景颜色设置为黄色。当指令的值发生变化时，更新背景颜色。当指令取消绑定时，将背景色设置为null。在Vue3中，创建自定义指令与Vue2的方式有些不同。

2023-07-18 16:42:49 165 1

判断环境const baseURL = process.env.VUE_APP_BASE_APIexcel 图片返回流通用下载方法export function download(fileName) { window.location.href = baseURL + "/common/download?fileName=" + encodeURI(fileName) + "&delete=" + true; }

2022-04-14 16:46:15 173

原创数组去重并去除本身

数组去重并去除本身,代码如下let newarr=[ {val:1}, {val:2}, {val:3}, {val:1}, {val:2}, ]let newsplice=[]for (let i = 0; i < newarr.length; i++) { for (let j = 0; j < i - 1; j++) { if (newarr[i].OrderField == newarr[j].OrderField) {

2021-06-28 14:10:46 189

原创 ios微信不兼容window.open

Safari中无法open新窗口，原因是Safari的安全机制将其阻止，一些异步操作，比如ajax回调里面执行window.open就会失效，原因是代码自己自动执行的，被IOS的安全机制拦截！解决方法自定义创建a标签 let a = document.createElement("a"); a.href = url; a.click();...

2021-06-28 13:48:57 805

原创 ios不兼容时间 new Date(‘xxxx-xx-xx xx:xx:xx‘) 解决方案

//ios 不兼容2018-06-14 00:00:00 需要正则转化成(2018/06/14 00:00:00)var date = new Date("2018-06-14 00:00:00".replace(/-/g,'/'))var d = new Date("2018-06-14 00:00:00".replace(/-/g,'/'))this.curTime =new Date(d).getTime() / 1000 - new Date().getTime() / 1000;

2021-06-28 13:45:32 172

原创 provide reject

传值app.vueexport default{ provide(){ return{ title:"title" } }}children.vue<div>{{ title }}</div>export default{ inject:['title']}

2021-04-27 18:04:51 100

原创 rules 关闭表单验证不消失

rules 关闭表单验证不消失resetForm(formName) { this.ruleForm = { password: '', pass: '', checkPass: '', } this.$refs['ruleForm'].resetFields() this.$emit('handleClose') this.showDialog = false;},...

2021-04-23 17:31:02 648

原创 vue3(1)学习

vue3 学习(1)reactivecomputed onmounted toRefs onUnmounted watch toRefs ref<template> <div>{{ counter }}</div> <div>{{ doublecounter }}</div> <p ref="desc"></p></template>import { defineComponent, reactiv

2021-03-15 11:28:51 66

原创 vue手机号验证码倒计时

vue手机号验证码倒计时data(){ return{ show1: true, count1:"" }} const TIME_COUNT1 = 60; if (!this.timer1) { this.count1 = TIME_COUNT1; this.show1 = false; this.timer1 = setInterval(() => { if

2021-02-26 16:33:13 125

原创 vue富文本图片处理

<template> <div> <el-upload class="avatar-uploader2" :action="uploadImgUrl" name="file" :show-file-list="false" :on-success="uploadSuccessEdit" :before-upload="beforeUploadEdit" > </el-

2021-02-04 15:04:12 1037 1

原创 vuex 刷新数据丢失问题解决

vuex 中刷新数据丢失问题全局 app.vue created () { //在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store") ) { this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getItem("store")))) } //在页面刷新时将v

2021-02-04 15:02:09 90

原创 vue3+ts

vue3+ts+element-plus路由配置 //2.0找不到路由用 * 3.0需要使用正则(/:catchAll(.*)) 404页面路由{ path:'*', name:'/404', component:()=>import('../view/404.vue')},{ path:/:catchAll(.*)', name:'/404', component:()=>import('../view/404.vue')}使用this.$ref时需要引入im

2021-01-22 16:42:25 275

原创 VUE防止多次点击，重复请求

VUE防止多次点击，重复请求添加自定义文件 preventReClick.jsimport Vue from 'vue'const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEventListener('click', () => { if (!el.disabled) {

2020-11-10 09:21:37 4105

原创 element新密码和再次输入新密码

新密码和再次输入新密码<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="200px" class="demo-ruleForm" > <el-form-item label="原密码:" prop="password"> &lt

2020-11-09 15:41:10 2251

原创 element el-tree 默认值问题

el-tree 默认值与重置问题 <el-tree :data="data" show-checkbox node-key="id" :default-checked-keys="defKeys" :props="defaultProps" ref="tree" ></el-tree> defaultProps: {

2020-10-30 14:30:20 5204

原创 element 默认值

element 默认值el-cascader 组件默认值<el-cascader v-model="value" :options="options" :props="optionProps" @change="handleChange"></el-cascader> optionProps: { value: "id", // id,label,chid

2020-10-29 15:12:37 1015

原创封装echarts的一点问题

关于封装echartsmethods: 封装方法mounted: 调用方法全局引入echartsimport echarts from ‘echarts’methods: 封装方法主要是传一个idgetFn(id){ var myChart = this.$echarts.init(document.getElementById(id), "bar"); }//这样写会报错echarts还没有初始化就被调用 getAttribute of null错误建议这样写var bar_dv = t

2020-10-20 09:50:53 135

weixin_45896379的博客