随笔分类 - 需求集锦
摘要：一、下载安装swiper 安装：pnpm install swiper 使用你熟悉的方式来安装（yarn npm cnpm） 二、在项目中引入swiper 1.main.js文件 点击查看代码 import 'swiper/swiper-bundle.css'; import "swiper/css
阅读全文
摘要：解决方案：查询官方文档
阅读全文
摘要：一、效果图 二、实现逻辑 将需要动态添加的表单项项的绑定值存为一个数组 以循环的方式展示form表单 点击`+`按钮触发事件，向数组中新加一个item 点击`-`按钮触发事件，根据循环的得到的index来删除数组中相对应位置的item 三、代码实现 <template> <div> <el-butt
阅读全文
摘要：一、效果图 二、代码实现 注：需要安装依赖 pnpm i sortablejs -S <template> <div style="padding: 15px"> <h3 style="text-align: left; padding: 10px; background: #ccc"> vue+e
阅读全文
摘要：const rules = { roleId: { key: "edit",//区别规则 required: true, trigger: ["blur", "input"], validator(rule: FormItemRule, value: Number) { if (value null
阅读全文
摘要：一、查看文档 搭建一个vue项目的脚手架 vue3官方文档：https://staging-cn.vuejs.org/guide/quick-start.html#with-build-tools 二、开始安装 npm init vue@latest 注：直接按回车会默认选择NO;空格+回车便可以选
阅读全文
摘要：一、利用this.route.query()获取 //url=http://localhost:123/#/manage?ids=1&age=0 console.log(this.$route.query.ids);//1 二、利用window.location.href（）获取 当url是动态同步
阅读全文
摘要：let arr1=[1,2,3,4,5];let arr2=[5,6,7,8,9];//some:一旦有一个值符合要求就返回true let result=arr1.some((item) => arr2.includes(item));console.log(result)//true
阅读全文
摘要：一、实现方法 利用官网自带的方法clearSort实现 //清除表格排序的方法 重置排序changeSort() { this.$refs.testTable.clearSort(); //testTable为el-table绑定的ref值 }, 二、效果图 页面默认数据 点击重置排序之后
阅读全文
摘要：一、安装node环境 1、下载地址：https://nodejs.org/en/； 2、检查是否安装成功 让我们打开cmd输入以下指令，如果出现版本号就代表安装成功啦！真棒！（更新npm至最新--npm install -g npm-- ） 3、提高安装效率可以使用淘宝镜像安装cnpm:http:/
阅读全文
