1.安装Mint UI并配置环境安装模块npm i mint-ui -S引入 Mint UI（1）完整引入在 main.js 中写入以下内容：//main.jsimport Vue from 'vue'import MintUI from 'mint-ui'import 'mint-ui/lib/style.css'import App from './App.vue'...

路由传参不能直接传一个对象，所以我们需要将对象处理一下以vue的路由传参举例let params= {id:1,type:1,......}this.$router.push(`/detail?searchInfo=${JSON.stringify(params)}`)然后在detail页面接收let params = JSON.parse(this.$route.query.searchInfo

【代码】Vue3 父组件调用子组件方法/获取修改值（$refs 在setup()、 中使用）

路由我们是用公共路由+动态路由，写的过程中发现，在动态路由的页面刷新页面后跳转到了默认页面，也就是我们设置的{ path: '/:pathMatch(.*)', redirect: '/dashboard', hidden: true }本来这行代码我是写到公共路由里面了，就会刷新跳到默认页面，解决方法：把这行代码放到动态路由里面去注意：这是vue3.0的写法...

swiper选择器（单个）因为有时候会遇到这种选择器，需要滚动选择，而我也不想再去使用插件正好vue项目中有很多地方使用到了swiper，于是顺势我也用swiper写了这个选择器，不然再去使用其他插件会占用项目更多的空间。原理：使用纵向的swiper，设置slide里面的字体颜色为灰色，而当前显示的slide的颜色为黑色，给人在视觉上一种被选中的感觉，至于获取当前显示slide里面的值...

Column里面有个属性ellipsis可以设置超出隐藏，不过很不好用，并不会显示省略号，所以用下面的方法：1.columns:[{title: '标题',dataIndex: 'name',width:'20%',key: 100,slots: { customRender: 'name' },},]2.一定要有.ant-table table{table-layout: fixed;}这一步&

点击按钮，展示出来一个区域块，点击区域块内，区域块不隐藏，点击区域块以外的地方，就会隐藏。

首先我们先把环境配置好1.安装antd vue（这里就不介绍了）2.安装moment.js步骤:（1）npm i moment（2)//main.jsimport moment from 'moment';Vue.prototype.$moment = moment;需求1：要求日期不可选择未来时间，日期范围不得超过半年<template><a-range-picker @cha

1.Swiper动态加载数据之后就不滚动了我们在写项目的时候，很多swiper的数据都是动态获取到的，我们在刚进入页面的时候，初始化了swiper，但是当我们加载成功数据后（比如ajax获取数据），swiper的子元素被改变了，于是swiper就不能正常执行了，下面是我在vue中写的时候遇到的，附上解决方案。主要代码，就是下面的observer: true, //修改swiper自己或子元素...

最近使用vue3.0的watch监听数据时发现一些问题：监听数组时，用splice这种改变数组是正常的，但是如果数组直接置空，则监听失效const array = ref([1,2,3]);const changeArr = ()=>{array.value = [];}watch(array.value,(now,old)=>{console.log(now,old); // 触发c