随笔分类 - vue3
摘要：一人行，天地为师。—— 佚名 背景：项目舍弃了之前选择三级菜单跳转的方式，转而使用在大屏页跳转至各个模块的办法进行路由跳转，然而面包屑组件却依然使用的之前三级菜单的模式，由于菜单栏已被舍弃，因而只能使用浏览器后退的方式进行菜单选择，为了解决这个问题，因而有了使用面包屑进行菜单导航的需求。 为了实现这
阅读全文
摘要：在老之将至的这几年，监听员千万遍问自己：这就是我的一生吗？他又千万次回答：是的，这就是你的一生。 - 刘慈欣《三体》 项目需要：表格中须支持拖拽功能，如图： 此功能参照了fastgpt的知识库文件对象管理，以公司主流的t-design为基础进行开发，t-table的api仅提供了dragSort
阅读全文
摘要：目的是先将从后端拿到返回的路由列表的component与本地的路径进行比对，然后将匹配的数据拿到后再渲染，注意，使用动态路由注册后的路由需要走一次replace,否则将无法渲染 // route/index.js import { createRouter, createWebHistory } f
阅读全文
摘要：天行健，地势坤 -- 《周易·象传》 背景：在一个滚动容器下实现触底加载更多的函数，由于此模块使用的场景较多，因而自己实现了一个滚动加载的hook（顺带尝试了下hook） 需求：左侧tab切换时，右侧聊天历史tab要清空并重新请求；右侧触底时，要触发分页请求(如果有)；使用dayjs中的fromno
阅读全文
摘要：如果要对props的数据进行指定类型， 基本类型可以直接使用类型约束，复杂类型可以使用PropType进行约束 interface ItemInterface { title: string code: string status: number icon: string } const props
阅读全文
摘要：废话不说 上代码 const handleRightDownload = async () => { axios({ method: 'post', url: '/my/handleAndDownloadExcel', // 请求地址 这里写后端的地址，注意加上`/api`以确保最终的请求能被替换掉
阅读全文
摘要：//在input输入后按enter键可直接触发方法 handleSearch：fn @keydown.enter="handleSearch"
阅读全文
摘要：1. 获取ele-tabs中的值 实例 const handleClick = (tab, event) => { console.log(tab.props.name); };
阅读全文
摘要：实践一下 install // install vue-router npm install vue-router@4 页面新建src/routes/index.js // src/routes/index.js import { createRouter, createWebHistory } f
阅读全文
摘要：新一版的vue3.2中，组件应使用大写，由于少了一步componentsoptions，因而在定义组件时应该大写。 对模板静态编译的时候，会首先认为大写开头的是组件 别再犯这种zz错误了！
阅读全文
摘要：尽管pinia日火，但vuex使用者依然众多 单页面 <script setup> // login.vue import { useStore } from 'vuex' // 引入useStore 方法 const store = useStore() // 该方法用于返回store 实例 ,
阅读全文
摘要：下载svgloader、配置svgloader 下载 npm i --save-dev svg-sprite-loader@6.0.9 vue.config.js中配置svg--loader // vue.config.js // ele-p 按需加载 const AutoImport = requ
阅读全文
摘要：element: vue-helper antd-v: Ant Design Vue helper ui通常不会变
阅读全文
摘要：v2: { "Print to v2": { "prefix": "v2", "body": [ "<template>", " <div>\n", " </div>", "</template>\n", "<script>", "export default {", " data() {", "
阅读全文
