随笔分类 - Vue3
摘要：架子是用的vue3+element Plus， 要用到时间轴展示，但element组件只有竖着的，想要横着的，找了一圈没有合适的，终于找到个合适的，文章原址 https://blog.csdn.net/m0_62949703/article/details/127800712 数据结构： { dat
阅读全文
摘要：导入： // 导入 const importExcel = async (file: any) => { let formData = new FormData(); //声明一个FormDate对象 formData.append("file", file.raw); //把文件信息放入对象中 /
阅读全文
摘要：本地项目调的好好的，刷新也没有毛病，扔到服务器上，第一次打开是正常的，再刷新下就404了，不知道什么原因。百度了下才发现问题所在 const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), ro
阅读全文
摘要：很多系统都会有切换主题的 功能，现在做的是一个vant的项目，特地记录一下 这里面用到的css3的一个技术，也就是变量，css3的var()和自定义变量,具体使用可百度 大题逻辑是这样 有两种方式来实现 1. theme.css里的变量用和vant一致的变量名，例如theme.css最后的几个变量。
阅读全文
摘要：1. 安装Node 2. 使用npm创建目录 npm create vite@latest 项目名称 -- --template vue 3. 配置@路径 (path模块是node.js内置的功能，但是node.js本身并不支持ts，所以需要手动安装) npm install @types/node
阅读全文
摘要：插件：vue-clipboard3 安装： npm install --save vue-clipboard3 使用的页面引入 import useClipboard from "vue-clipboard3"; const { toClipboard } = useClipboard() 使用：
阅读全文
摘要：需求：实现一个页面单个商品的滑动 问题： 刚开始做的时候看官方文档看的头疼，以为是版本问题，装了卸，卸了装，做出来是三个商品在一页上，一滑就全划走了。无法实现单个滑动 解决： 直接梭哈,管他什么版本的 npm install swiper npm install vue-awesome-swiper
阅读全文
摘要：1. setup在beforeCreate生命周期回调之前就执行了，而且就执行一次 <template> </template> <script lang='ts'> import { defineComponent } from 'vue'; export default defineCompon
阅读全文
摘要：<!DOCTYPE html> <html> <body> <h2>1111</h2> <script type="text/javascript"> const user = { name:'鸣人', age:8, wife:{ name:'佐助', age:20 } } // 把目标对象转为代理
阅读全文
摘要：<template> <!-- vue2中必须要有一对根标签，vue3不用 --> </template> <script lang='ts'> // 可以编写ts代码 // defineComponent函数，目的是可以定义一个组件，内部可以传入一个配置对象 import { defineComp
阅读全文
摘要：setup() { //数据 let num = ref(0) let msg = ref('6666') let person = reactive({ name:'大王', age:18, job:{ j1:{ money:20 } } }) //情况1：监视ref定义的数据（watch有第三个
阅读全文
摘要：import { reactive, computed } from "vue"; export default { name: "HelloWorld", setup() { let person = reactive({ firstName: "李", lastName: "晓玲", }); /
阅读全文
