2023年4月28日
vue 好用的日期组件
摘要： 1、官网 https://hxkj.vip/calendar/#/disabled-date 2、记录下自己的使用 （1）效果图 （2）页面部分 点击查看代码 <div class="data_popup"> <nut-popup position="bottom" v-model:visible= 阅读全文
posted @ 2023-04-28 15:19 你的眼里有星星 阅读(520) 评论(0) 推荐(0) 编辑
vue 使用腾讯云 cos存储 上传
摘要： 参考文档：https://blog.csdn.net/qq_34170840/article/details/124520388 1、页面部分 点击查看代码 <input ref="fileRef" title="" type='file' name="file" multiple class="f 阅读全文
posted @ 2023-04-28 15:05 你的眼里有星星 阅读(326) 评论(0) 推荐(0) 编辑
vue 树形结构展示
摘要： 参考文档：https://blog.csdn.net/weixin_44326389/article/details/118613647 1、效果图 2、代码 子组件 点击查看代码 <template> <div id="tree"> <div class="checkThem" > <div v- 阅读全文
posted @ 2023-04-28 14:51 你的眼里有星星 阅读(959) 评论(0) 推荐(0) 编辑
vuex持久化
摘要： 1、使用场景 vuex刷新之后数据会消失 2、使用方法 （1）结构1 点击查看代码 import { createStore } from "vuex" import state from './state' import mutations from './mutations' import ac 阅读全文
posted @ 2023-04-28 14:36 你的眼里有星星 阅读(125) 评论(0) 推荐(0) 编辑
2023年3月23日
vue3 移动端 实现树形结构 tree（支持多选 全选）
摘要： 实现效果： ) 版本号： 1、需求是支持全选功能，网上找了许多 这里做个记录 这里使用的是vue-virtual-tree 感觉作者写的很详细 可以跳转查看 git地址 2、使用方法 （1）npm i @ysx-libs/vue-virtual-tree （2）main.js中引入 import ' 阅读全文
posted @ 2023-03-23 17:06 你的眼里有星星 阅读(3254) 评论(0) 推荐(0) 编辑
2023年3月6日
css常用标签
摘要： 1、渐变 background: radial-gradient(to right,#ffe777,#ffd358,#ffbd37); 参考文章 阅读全文
posted @ 2023-03-06 15:09 你的眼里有星星 阅读(32) 评论(0) 推荐(0) 编辑
2023年3月3日
h5 禁止微信分享
摘要： 1、创建 mixin.js文件 src\mixin\mixin.js 点击查看代码 // 隐藏微信分享 function onBridgeReady() { // eslint-disable-next-line WeixinJSBridge.call("hideOptionMenu"); } co 阅读全文
posted @ 2023-03-03 10:04 你的眼里有星星 阅读(1021) 评论(0) 推荐(0) 编辑
记录一个移动端图片预览（支持旋转），使用css强制旋转的坑
摘要： 注：我并没有解决 只是换了一个插件,记录一下问题 1、需求要支持图片预览和旋转 ， <1>我选择是vant组件自带的ImagePreview 图片预览，用的css强制实现旋转， <2>出现的问题是 样式可以旋转 但是 touch事件没有旋转， <3>导致现象是，旋转后 放大后滑动图片，向右滑动-图片 阅读全文
posted @ 2023-03-03 09:48 你的眼里有星星 阅读(211) 评论(0) 推荐(0) 编辑
2023年3月2日
设置element 日期时间组件 的选中范围
摘要： 1、html代码 点击查看代码 <el-form-item v-if="edit_temp.validTimeType == '1'" label="考试开始时间" prop="examStartTime"> <el-date-picker v-model="edit_temp.examStartT 阅读全文
posted @ 2023-03-02 17:59 你的眼里有星星 阅读(75) 评论(0) 推荐(0) 编辑
Viewer.js实现移动端图片预览，旋转
摘要： 一、viewer.js （1）官网：中文官网 （2）参考文章 详细介绍 设置自定义按钮 1、安装 npm install v-viewer --save 2、main.js中引入 import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.c 阅读全文
posted @ 2023-03-02 17:29 你的眼里有星星 阅读(2642) 评论(0) 推荐(0) 编辑
下一页