随笔分类 - Vue3
摘要：const scrollTimer = ref(null) //滚动防抖定时器 const currentTop = ref(null) //实时滚动高度 const scrollTop = ref(0) //防抖结束后的滚动高度 function bindScrollEvent() { windo
阅读全文
摘要：定义pinia存储容器 /stores/piniause-demo.js /** * 定义并导出容器 * 参数1：容器ID，必须唯一 * 参数2：配置对象 */ export const useDemoStore = defineStore('demo', { //state：类似组件data，用于
阅读全文
摘要：以下方式仅适用于vue3+webpack vue3+vite环境有相似问题网上可以搜到，如下 https://blog.csdn.net/qq_40606563/article/details/132293376 https://blog.csdn.net/krico233/article/deta
阅读全文
摘要：参考方法 https://blog.csdn.net/sun12356499514452248/article/details/128518711 组件代码 <template> <div class="ks-audio"> <div class="audio-wrapper"> <van-slid
阅读全文
摘要：效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span
阅读全文
摘要：移动端项目配置：在index.html里添加以下代码即可 <script> let sUserAgent = navigator.userAgent.toLowerCase(); let isIpad = sUserAgent.match(/ipad/i) == "ipad"; let isIpho
阅读全文
摘要：使用的vue-cropper.js，官方文档 https://github.com/xyxiao001/vue-cropper 附图片各格式之间的转换 https://www.cnblogs.com/huihuihero/p/17667325.html 注意：下载vue-cropper.js时，使用
阅读全文
摘要：##直接贴代码 ``` /** * 截取视频画面 * @param {*} url 视频播放链接 * @param {*} width 画面的截取宽度 * @param {*} height 图片的截取高度 */ export function cutVideoCover(url, width =
阅读全文
摘要：直接贴代码 <template> <div class="demo-container"> <el-input onkeyup="value=value.replace(/\D|/g,'')" v-model="codeValue" ref="codeInputElem" placeholder="
阅读全文
摘要：###官方文档 https://docxtemplater.com/ ###博客 https://juejin.cn/post/7088221762965471269
阅读全文
摘要：DevTools failed to load source map: Could not load content for webpack:///node_modules/element-plus/es/index.mjs.map: Fetch through target failed: Uns
阅读全文
摘要：###src/store/index.js import { createStore } from "vuex"; import modules from "./modules"; // 创建store实例 const store = createStore({ modules, }) //挂载到v
阅读全文
摘要：##转自：槐序之夏： https://blog.csdn.net/qq_42403643/article/details/129264032 一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的
阅读全文
摘要：##提示：巧用filter
阅读全文
摘要：##官方文档 https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html ##贴代码 ``` 【index.html】引入wx文件 【微信登录页面】 //二维码dom容器 //引入
阅读全文
摘要：## 使用sortable.js实现 ###官方网站： http://www.sortablejs.com/ ###中文文档： https://www.itxst.com/sortablejs/neuinffi.html ``` 1、yarn add sortablejs 2、需要重新运行项目 ``
阅读全文
摘要：借鉴： https://blog.csdn.net/m0_48468380/article/details/121577011 流程图 贴下封装的request.js代码 import axios from "axios"; import JsCookie from "js-cookie"; imp
阅读全文
摘要：###vue2版本移步至 https://www.cnblogs.com/huihuihero/p/13877589.html ###vue3版本中配置tinymce，相较于vue2版本区别不大，主要注意需要变更版本号 【vue2.0+tinymce】我采用的是 "@tinymce/tinymce-
阅读全文
摘要：props（父传子，多用于 子组件需要渲染父组件中的数据） 【父】 <div> <comp-son :name="name" :age="age" /> //向子组件传值 </div> setup() { const state = reactive({ name: "Jack", age: 18
阅读全文
