Vue
文章平均质量分 59
CC#
随缘记录代码片段
展开
-
【vue3+vite+vue-router】动态引入某个目录下的文件自动生成路由
使用vite提供的import.meta.glob,对指定目录下的文件都可以自动引入作为子路由进行注册,文件名直接作为path和name(注意name不能重复,如果重复的话可以在前面或者后面添加一个字符串作为标识),免去了复杂繁琐的引入步骤。原创 2023-02-07 15:40:09 · 3159 阅读 · 1 评论 -
前端点击按钮跨域下载多个url文件(亲测有用)
需求要求点击下载附件后,下载后端返回来的多个文件url数组。原创 2022-12-14 10:18:10 · 1848 阅读 · 3 评论 -
uniapp:根据树状结构渲染的多级地区选择器
组件实现功能:从底部弹出地区选择器,最多支持三级选择且可以自由选择级联数,加入了动画效果最终效果如图: 组件已上传到插件市场,插件ID:cc-address-selectorCSS部分使用方法在页面中使用组件,自定义一个ref名称进行方法的调用,目前最多只支持一二三级,需要做更多的可以自己修改传参说明原创 2022-11-22 15:58:03 · 2002 阅读 · 0 评论 -
Vue2+Vant2:一个可定制图标的简易扫雷小游戏
一开始在力扣看到扫雷的题,发现内容并不复杂,就想通过这个逻辑写一个单个html页面就能解决的小游戏,使用了Vue2+Vant2,因为内容不多所以没有使用脚手架,所有库直接使用cdn引入,所有功能在一个页面里解决,通过v-if进行Dom节点的渲染。...原创 2022-06-08 15:43:32 · 2487 阅读 · 0 评论 -
Vue:修改二维数组中某一个坐标的数据
众所周知,在Vue中是不能直接操作视图中的数组的,需要使用$set方法,但是这个方法值适用一维数组。此时,我有一组数组数组里面还是数组这组二维数组渲染到了dom树上,需要动态修改里面某个坐标的值,发现此时$set怎么都不好使,要么就是改不了要么就是那一行全改了最后只能按照一维数组的思路去单独揪出来修改才实现想要的效果const row = [...board[dx]];// 获取那一行的数据 dx为x坐标row.splice(dy, 1, obj) // 修改 obj原创 2022-05-05 11:04:40 · 931 阅读 · 0 评论 -
Vue2/Vue3+elementUI:一个可自定义内容可随机的大转盘(今天吃什么)
一个可自定义内容可随机的大转盘,Vue2和Vue3两种写法原创 2022-03-21 17:45:19 · 7686 阅读 · 0 评论 -
Vue:写一个可配置内容的的随机转盘(今天吃什么)
在线预览地址:今天吃什么https://jujubefoxx.github.io/WhatDoWeHaveToEat-/代码:https://github.com/jujubefoxx/WhatDoWeHaveToEat-https://github.com/jujubefoxx/WhatDoWeHaveToEat-效果图:下面是代码HTML<div id="toEat"> <div class="wrapper"> ...原创 2022-02-28 15:31:03 · 2999 阅读 · 2 评论