随笔分类 -  vue3.x

vue3中使用element-ui 菜单栏(el-menu)点击两次才高亮的bug
摘要：原因：default-active和index属性不一致导致的 解决方法：使用路由的name属性设置给index和default-active import { useRouter } from "vue-router"; const router = useRouter(); 阅读全文
posted @ 2022-04-12 17:21 吃饭睡觉打痘痘 阅读(1292) 评论(0) 推荐(0)
pinia简单使用及持久化
摘要：pinia使用 安装 npm i pinia --save 新建store目录,创建index.ts import { createPinia } from "pinia"; const store = createPinia(); export default store; main.ts中使用s 阅读全文
posted @ 2022-04-12 17:14 吃饭睡觉打痘痘 阅读(907) 评论(0) 推荐(1)
vue3中使用路由
摘要：import { useRouter, useRoute, ref } from 'vue-router'; const router = useRouter(); const route = useRoute() // 获取所有的路由 const routes = router.getRoutes 阅读全文
posted @ 2022-02-23 17:40 吃饭睡觉打痘痘 阅读(115) 评论(0) 推荐(1)
vue3 render函数
摘要：vue3.x中的渲染函数 https://v3.cn.vuejs.org/guide/migration/render-function-api.html#_2-x-%E8%AF%AD%E6%B3%95-4 使用div,img,p等html标签 样式写在style标签里面，其他的属性都单独写在外面 阅读全文
posted @ 2022-02-23 15:39 吃饭睡觉打痘痘 阅读(1288) 评论(0) 推荐(1)
vue3 父组件传值给子组件，父组件中值更新后子组件不更新
摘要：父组件 <template> <child :tableData="tableData"></child> </template> <script lang="ts" setup> import { reactive, toRefs } from 'vue' import axios from 'a 阅读全文
posted @ 2022-02-23 15:29 吃饭睡觉打痘痘 阅读(4180) 评论(1) 推荐(0)
vue3使用render对element-plus的table组件封装
摘要：需求： 自定义el-table的某些列 涉及知识点： 1.父组件传递给子组件render函数，自组件如何渲染出来 2.vue3中render函数使用第三方UI组件、传递属性、绑定事件 关于render函数的变更文档： https://v3.cn.vuejs.org/guide/migration/r 阅读全文
posted @ 2021-11-12 09:20 吃饭睡觉打痘痘 阅读(4187) 评论(0) 推荐(0)