前端代码の搬运工-CSDN博客

原创 el-select-v2 模糊输入的时候弹出层位置不对

【代码】el-select-v2 模糊输入的时候弹出层位置不对。

2024-03-21 14:36:51 86

原创 vue Element-ui table翻页保留勾选

【代码】vue Element-ui table翻页保留勾选。

2023-12-13 10:40:10 529

原创 vue3.0语法糖父 ref组件调用子组件方法

vue3.0 语法糖细节.......

2022-10-08 12:40:14 153

原创 vue3.0基于arco.design框架 vite 的反向代理设置

vite.config.dev.ts文件

2022-06-20 14:10:35 2048 1

原创 uni-app video 多个视频循环播放全屏自动播放退出自动暂停功能

<view class="video_item"> <video v-for="(item,index) in video_url" :key="index" :id="'myVideo'+index" :src="item.name" @fullscreenchange="fullscreenchange" @play="saveplay(index)" class="classvideo" @click="videoPlay(index)"

2022-05-09 14:00:38 4265 3

原创 uView 2.x三级联动

<u-picker keyName="name" :show="show" @cancel="show=false" ref="uPicker" class="uPicker" :columns="columns" @confirm="confirm" @change="changeHandler" :defaultIndex="defaultarr"> </u-picker>import sheng from "@/static/c

2022-04-11 14:30:11 2481 7

原创 uView 2.x表单自定义校验失效问题

首先官网基础的格式是两层的例如第一步需要注意的。model1: { userInfo: { name: '', phone: '', address:"", detailedddress:"" }, },想要自定义校验需要一层 userInfo: { name: '', phone: '', address:"", detailedddress:"" },第二步<u--form labelPosition=

2022-04-06 10:32:54 4283

原创 uni-app uview 微信小程序获取不到ref

当新下载运行的时候照着官网 uview 走，但是获取不到 dom的ref 有可能的因为微信小程序新下载的详情----本地设置—调试基础库版本过低导致。修改成最高的即可。

2022-04-06 09:17:52 3013 3

原创 vue3.0Watch reactive

监听对象类型watch(numObj, (newValue, oldValue) => { console.log("numObj变化了", newValue, oldValue);});监听对象中的一个基本类型属性watch( () => numObj.a, (newValue, oldValue) => { console.log("numObj变化了", newValue, oldValue); });监听对象中的一些基本类型属性watch(

2022-02-11 11:37:37 282

原创 vue 3.0 ref Watch

// 监听一个ref定义的数据watch(num, (newValue, oldValue) => { console.log("num增加了", newValue, oldValue);},{ immediate: true, deep: true });// 监听多个ref定义的数据watch([num, num1], (newValue, oldValue) => { console.log("num增加了", newValue, oldValue);});...

2022-02-11 11:34:30 488

原创 vue3.0 Computed

计算 ref 定义的响应式数据const fullName = computed({ get() { return firstName.value + "-" + lastName.value; }, set(value) { const arr = value.split("-"); firstName.value = arr[0]; lastName.value = arr[1]; },});计算定义的响应式数据person.fullName

2022-02-11 11:32:24 194

原创 vue3.0父子组件传参

export default { props: ["mess"], //需要props声明才能在setup收到参数 setup(props) { console.log(props.mess); },};export default { emits: ["xd"], //需要emits声明才能在setup中使用 setup(props, context) { function clickMe() { context.emit("xd", "子组件的值

2022-02-11 11:15:35 717

原创 vue 设计深拷贝

// 标准的深拷贝 =>引用数据类型(数组，对象) function deepClone(source){// [] m> Array(基类){} =>Objectconst targetobj= source.constructor =m= Array ? [] : {}; for(let keys in source){ if(source.hasOwnProperty(keys)){ // keys => 3 // 引用数据类型 if(s

2022-02-07 10:11:17 334

原创前端防抖与节流

一、防抖<input placeholder="请输入电话"<script>// 防抖 =>将多次操作变成一次let telInput =document.querySelector('input')telInput.addEventListener('input', antiShake(demo, 2000))//防抖封装function antiShake(fn,wait){let timeOut = null; return args => {if(ti

2022-02-07 09:16:46 379

原创 vue canvas 连线带箭头

首先左边的线连接右边的线的话都要准确找到双方的位置所以我们通过getBoundingClientRect（）方法去寻找例：this.$refs[`${item.refs}`][0].getBoundingClientRect().left例：this.$refs[`${item.refs}`][0].getBoundingClientRect().top但是呢如果你的canvas在屏幕的任意位置直接用上面获取的话是不行的。获取的位置不是以canvas为基准获取的而是以屏幕的宽高。所以↓.

2021-12-23 16:02:43 3654 1

原创 vue 饿了吗文本域禁止拉伸

::v-deep .el-textarea .el-textarea__inner{ // 然后找到对应的类名，在这里将拉伸去掉即可 resize: none; height: 80px; }

2021-11-16 15:00:49 521

原创 vue+QT数据的细节处理

问题一、QT传过来的数据的时候他可能在字符串里会有 /n的，不是QT开发人员自己写的是他的程序自动生成的，导致在调用我们vue方法的时候根本就没有走进方法里面去。所有首先让Qt的开发人员去处理一下/n换号的问题。问题二、当这个方法里走进来的时候其实数据还会有问题，当有汉子的时候会有一个“/”的问题。但是我们得需要俩两个“//”，所以接收的时候那个参数用到了汉子我们就让Qt人员把数据通过base-64加密一下数据。当数据传到vue的时候我们在反解析一下再去做处理。问题三，当我们再去做处理的时候，会

2021-11-09 10:31:19 1926

原创 vue与QT交互篇

首先兄弟要先引用一个文件！咱把他取名叫“qwebchannel.js”/******************************************************************************** Copyright (C) 2016 The Qt Company Ltd.** Copyright (C) 2014 Klarälvdalens Datakonsult AB, a KDAB Group company, [email protected], author

2021-11-09 09:21:08 4746 9

空空如也

空空如也