vue
时遇¥.¥..
如何让我遇见你?
展开
-
vue3 响应式数据重新赋值后,reactive 丢失响应式,而 ref 不会(其中发现一个大坑)
2、刷新页面后 点击 第一个按钮 修改Ref的值 页面数据发生变化,控制台中可以看到使用ref做响应式的数据 refObj 还是一个RefImpl(ref对象),响应式还在。1、点击 第二个按钮 修改Reactive的值 页面没有任何变化,控制台中可以看到使用reactive做响应式的数据 reactiveObj 丢失响应式。原创 2023-04-11 11:12:57 · 607 阅读 · 1 评论 -
vue 浏览器 input type=“password“自动填充密码处理
autocomplete=“new-password” 也有问题。autocomplete=“off” 不生效。最后将type 值动态化处理好了。原创 2023-01-12 10:12:47 · 934 阅读 · 0 评论 -
前端附件下载
【代码】前端附件下载。原创 2022-11-11 15:39:38 · 267 阅读 · 0 评论 -
vue 渲染异常
【代码】vue 渲染异常。原创 2022-11-03 10:28:52 · 73 阅读 · 0 评论 -
vue 将data 重置为初始数据
【代码】vue 将data 重置为初始数据。原创 2022-10-18 13:27:03 · 825 阅读 · 0 评论 -
vite-vue3-ts 搭建项目时 项目中使用 @ 指代 src
vite-vue3-ts 搭建项目时 项目中使用 @ 指代 src。原创 2022-08-05 15:01:38 · 923 阅读 · 0 评论 -
html css3 旋转
css3 旋转原创 2022-07-21 17:29:18 · 133 阅读 · 0 评论 -
列表轮播(移动滚动条)vue js
// 利用滚动条滚动的滚动列表 yy.sexport function animationUseScroll(element, options) { class Scroll { /** * @param element 运行的DOM * @param options 参数 * { height:90, // 每次滚动的距离 px * delay: 4000, // 每次滚动间隔事件 ms * } */ constr原创 2022-03-08 17:31:51 · 960 阅读 · 0 评论 -
手写动态圆柱体 vue scss
基于vue scss 写出来的动态圆柱体所需图片 图1 底部图片 图2 实心顶部图片 效果图<div class="column-wrap"> <div class="column"> <div class="column-opacity" /> <!-- <div class="column-solid" :style="{height:(detail.peo原创 2022-03-08 09:57:22 · 321 阅读 · 0 评论 -
uni-app循环中多次数据请求
概述:uni-app 上传图片的时候 ,多选上传图片,需要用到循环中掉接口上传。正常在循环中请求的时候 明明电脑上没有任何问题,但是在手机上就出现了选择多张图片同时上传,跟多次上传同一张的图片一样。正常思路(电脑上能行 但是手机上就是行不通)clickMethods() { this.list.forEach(item=>{ request({param:item}).then(res=>{ console.log(res) }) })}经大佬指点–传入上传的参数的时原创 2021-08-09 21:35:15 · 1591 阅读 · 0 评论 -
父子组件生命周期过程
加载渲染过程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted子组件更新过程 父beforeUpdate->子beforeUpdate->子updated->父updated父组件更新过程 父beforeUpdate->父updated销毁过程 父beforeDestroy-&原创 2021-06-28 22:04:37 · 48 阅读 · 0 评论 -
vuex 的第二种使用方式 modules
1. 文件建立和index.js 内容2. getters.js 统一管理变量3. 定义变量 使用和修改4. main.js 中引入5. 页面使用原创 2021-06-09 23:29:20 · 67 阅读 · 0 评论 -
自定义指令 做按钮权限vuecli element scss
/* 自定义指令 用于做按钮权限 1. 这里定义指令 showBtn 2. main.js 中用Vue.use(showBtn) 引入 import showBtn from "@/components/directive/index.js"; Vue.use(showBtn) 3. 页面中使用 <el-button v-showBtn="11"> 显示隐藏 1</el-button> */import Vue fr原创 2021-06-09 21:46:06 · 74 阅读 · 0 评论 -
自定义按钮组件vue cli element scss
目标:实现 颜色 、图标 、背景色 可配置(将按钮样式统一管理)先上样式看看效果1.在component下定义建好文件夹和对应得文件名称:2. button.vue中写静态通用样式 且引入btn.js 中得配置3.在btn.js中 管理这些按钮4.main.js中 注册全局组件import Button from "@/components/fallButton/button.vue"Vue.component(Button.name, Button)5. vue文件中引入且传入配置原创 2021-06-08 00:40:16 · 148 阅读 · 0 评论