vue
文章平均质量分 54
jjw_zyfx
仅当做个人笔记使用
展开
-
Vue使用flex将图片并排居中且左对齐
【代码】Vue使用flex将图片并排居中且左对齐。原创 2024-07-31 21:57:35 · 511 阅读 · 0 评论 -
使用element UI 的el-upload上传图片并携带参数的用法
使用element UI 的el-upload上传图片并携带参数的用法原创 2023-08-15 15:16:21 · 2142 阅读 · 0 评论 -
vue 实现编辑头图像用到cropperjs、axios、dom操作、vant和input标签将本地图片地址转换成img标签能够识别的路径window.URL.createObjectUR
/ 如果不改变则下次再次点击同一个文件不会出发change事件。// 将本地打开的文件url转变成img标签能够识别的url。// 这个是当弹框动画完成后会自动执行所以这时就有dom了。// 他的作用是将input的输入的值改变一下。// 给input文本框一个点击事件。//导入cropper内容。/// ///截图区域移动。/// //默认马赛克背景。// 只有挂载后才有dom。/// //裁剪图片比列。/// //截图区域缩放。// 作用还是改变一下值。原创 2023-04-05 17:31:44 · 456 阅读 · 1 评论 -
给一个字符中的img标签添加图片预览功能,Vant组件、ref和querySelector两种方式实现
给一个字符中的img标签添加图片预览功能,Vant组件、ref和querySelector两种方式实现原创 2023-04-03 21:18:36 · 1079 阅读 · 0 评论 -
vue 高亮显示搜索结果,可借鉴,RegExp,replace方法
/ 要高亮显示的部分constref'jjw'// 要替换成的样式constref''// 替换后的结果constref''// 要替换的原字符串constref'jjw你好啊,Jjw咋样呀,JJw可别压力太大了'consthighLight=>// 'gi':g全部替换,i忽略大小写,constnewRegExp。原创 2023-04-02 18:07:10 · 182 阅读 · 0 评论 -
vue vant不同tab切换加载更多且返回来后内容不改变的实现
vue vant不同tab切换加载更多且返回来后内容不改变的实现原创 2023-04-02 14:20:18 · 2685 阅读 · 0 评论 -
vue flex导航条,子元素一行显示,超出滚动,且不显示overflow的滚动线,最右侧固定定位一个子元素实现细节
vue flex导航条,子元素一行显示,超出滚动,且不显示overflow的滚动线,最右侧固定定位一个子元素实现细节原创 2023-04-02 11:03:16 · 478 阅读 · 0 评论 -
vue使用vuex-persistedstate和window.localStorage实现全局缓存vuex中的user模块和局部缓存某个字段
vue使用vuex-persistedstate和window.localStorage实现全局缓存vuex中的user模块和局部缓存某个字段原创 2023-04-01 22:17:45 · 723 阅读 · 0 评论 -
vue 修改vant样式之van-field中的图标,使用插槽方式
vue 修改vant样式之van-field中的图标,使用插槽方式原创 2023-04-01 19:34:32 · 2289 阅读 · 0 评论 -
vue3移动端使用Vant、rem安装使用详细过程以及vite这种方式的使用过程
vue3移动端使用Vant、rem安装使用详细过程以及vite这种方式的使用过程原创 2023-04-01 16:10:02 · 1051 阅读 · 0 评论 -
vue中iconfont的几种使用方式详解
vue中iconfont的几种使用方式详解原创 2023-03-31 23:12:32 · 844 阅读 · 0 评论 -
vue vant遮罩弹窗但不覆盖公司logo的一种做法
vue vant遮罩弹窗但不覆盖公司logo的一种做法原创 2023-03-31 15:41:12 · 136 阅读 · 0 评论 -
vue使用v-bind绑定样式
vue使用v-bind绑定样式原创 2023-03-30 21:15:25 · 248 阅读 · 0 评论 -
vue 在setup上使用async 并在组件上使用Suspense的案例展示
vue 在setup上使用async 并在组件上使用Suspense的案例展示原创 2023-03-30 20:06:07 · 415 阅读 · 0 评论 -
vue Teleport和ref结合复用弹框组件
vue Teleport和ref结合复用弹框组件原创 2023-03-29 21:51:26 · 432 阅读 · 0 评论 -
vue 遮罩和ref的使用,setup版和非setup版
vue 遮罩和ref的使用,setup版和非setup版原创 2023-03-29 21:06:10 · 456 阅读 · 0 评论 -
vue 使用useWindowScroll实现首页布局中的吸顶效果
vue 使用useWindowScroll实现首页布局中的吸顶效果原创 2023-03-28 16:56:17 · 784 阅读 · 0 评论 -
vue自定义tabs表单切换使用@vueuse/core的useVModel和vue的provide、inject以及JSX语法
vue自定义tabs表单切换使用@vueuse/core的useVModel和vue的provide、inject以及JSX语法原创 2023-03-28 15:56:14 · 582 阅读 · 0 评论 -
vue导航栏激活样式active-class和exact-active-class的使用
vue导航栏激活样式active-class和exact-active-class的使用原创 2023-03-27 20:18:52 · 716 阅读 · 0 评论 -
vue结合dayjs和@vueuse/core中的useIntervalFn实现格式化倒计时功能
vue结合dayjs和@vueuse/core中的useIntervalFn实现格式化倒计时功能原创 2023-03-26 21:52:10 · 370 阅读 · 0 评论 -
vue setup两种方式中的直接从父组件调用子组件中的函数和数据的方法,使用ref方式
vue setup两种方式中的直接从父组件调用子组件中的函数和数据的方法原创 2023-03-26 12:04:53 · 134 阅读 · 0 评论 -
vue 默认setup方式的v-model实现同时多个绑定,update:modelValue默认方式和非默认方式
vue 默认setup方式的v-model实现同时多个绑定,update:modelValue默认方式和非默认方式原创 2023-03-26 10:44:26 · 1115 阅读 · 0 评论 -
vue 弹出自定义确认取消对话框使用createVNode, render
vue 弹出自定义确认取消对话框使用createVNode, render原创 2023-03-25 13:39:37 · 1564 阅读 · 0 评论 -
vue使用@vueuse/core在元素外边点击关闭弹窗的原理实现
vue使用@vueuse/core在元素外边点击关闭弹窗的原理实现原创 2023-03-25 09:47:37 · 135 阅读 · 0 评论 -
vue 中less样式混入(mixin)或者使用别人的样式的几种用法
vue 中less样式混入(mixin)或者使用别人的样式的几种用法原创 2023-03-23 16:14:47 · 1343 阅读 · 0 评论 -
vue 使用@vueuse/core中的useIntervalFn实现倒计时功能
vue 使用@vueuse/core中的useIntervalFn实现倒计时功能原创 2023-03-22 11:31:36 · 487 阅读 · 0 评论 -
vue3使用vee-validate自定义表单校验,提交实现步骤
vue3使用vee-validate自定义表单校验,提交实现步骤原创 2023-03-21 22:05:30 · 3014 阅读 · 1 评论 -
vue3 多标签的界面里 不同组件之间进行动态切换实例
vue3 多标签的界面里 不同组件之间进行动态切换实例原创 2023-03-20 22:31:10 · 1699 阅读 · 0 评论 -
vue3 自定义message弹窗
import 'vant/lib/index.css';原创 2023-03-19 22:53:13 · 2174 阅读 · 0 评论 -
vue3 在自定义组建上使用v-model 绑定input输入框
vue3 在自定义组建上使用v-model 绑定input输入框原创 2023-03-19 09:39:59 · 1102 阅读 · 0 评论 -
vue3使用useMouseInElement实现图片局部放大预览效果
vue3使用useMouseInElement实现图片局部放大预览效果原创 2023-03-16 09:54:16 · 2375 阅读 · 1 评论 -
vue3 图片懒加载的两种方式、IntersectionObserver和useIntersectionObserver
【代码】vue3 图片懒加载的两种方式、IntersectionObserver和useIntersectionObserver。原创 2023-03-15 11:13:32 · 963 阅读 · 0 评论 -
vue3中使用@vueuse/core中的图片懒加载案例
vue3中使用@vueuse/core中的图片懒加载案例原创 2023-03-13 21:22:45 · 301 阅读 · 0 评论 -
vue3全局引入vant
vue3全局引入vant原创 2023-03-13 11:22:33 · 838 阅读 · 0 评论 -
vant showImagePreview 图片预览用法
vant showImagePreview 图片预览用法原创 2023-03-13 10:01:22 · 2375 阅读 · 1 评论 -
vue3 封装一个组件的方法步骤如下
/原创 2023-03-12 22:33:48 · 2099 阅读 · 0 评论 -
对vue3中reactive、toref、torefs、ref的详细理解
对vue3中reactive、toref、torefs、ref的详细理解原创 2023-03-10 14:59:24 · 1191 阅读 · 0 评论 -
vue3 <script setup>方式的defineProps、defineEmits父子组件通信
【代码】vue3 方式的defineProps、defineEmits父子组件通信。原创 2023-03-06 11:03:19 · 415 阅读 · 0 评论 -
vue3中引入初始化样式
vue3中引入初始化样式原创 2023-03-03 11:22:43 · 1236 阅读 · 0 评论 -
vue3中使用less简直太简单了
【代码】vue3中使用less简直太简单了。原创 2023-03-03 11:06:53 · 2125 阅读 · 1 评论