前端哥

vue3动态路由 页面刷新丢失路由 再次加载路由

2024-06-07注:这里会衍生出一个问题,第一次登录的时候,路由信息没加进去,会跳404,所以这里需要做一个判断,判断路由to.matched这个去哪里的路由信息数组有没有数据,没有就再次添加动态路由信息,还有这块需要添加一个全局标识isAddAgain是否需要重新加载路由。动态路由添加后,每次刷新页面空白,这是因为刷新后路由守卫没再次走一遍,这里就需要在App.vue里面做判断,重新添加路由信息并跳转刷新前路由。目前路由只有静态的页面,我们需要做动态路由,需要在路由守卫router.beforeEach中添加。_vue动态路由刷新丢失

https://www.qianduange.cn//article/11257.html 分类:前端知识

vue3全局属性/方法的创建及使用--app.config.globalProperties(支持ts)

2024-06-07有时一些属性值或方法想要在很多个组件中被使用,且想要进行统一管理,此时就可以将这些属性值或方法注册在能够被应用内所有组件实例访问到的对象中。我们将想要全局使用的属性或方法注册在app.config.globalProperties对象中,就可以在应用内的任意组件中使用。_vue3 globalproperties

https://www.qianduange.cn//article/11255.html 分类:前端知识

vue3商城项目实战

2024-06-07本文介绍vue3实现商品管理后台,内容包括项目构建、登录、账号管理、角色管理和商品管理等_2024 vue3商城大项目

https://www.qianduange.cn//article/11250.html 分类:前端知识

Typescript 接口 和继承 数组处理

2024-06-07ts的基础数据类型,可用来处理一般数据,但是碰到后台传入的复杂对象数组的时候,我们可以使用ts中的接口来定义处理。{name:'小明',age:13,sex:1,id:1,remake:'这个是小明'},{name:'小红',age:15,sex:2,id:2,remake:null},{name:'大明',age:53,sex:1,id:3,remake:null},以上就是接口基本的使用方法,当我们使用vue3的reactive的时候 可以写作。当其中数据为树形数据或者多维数组时,可使用如下接口。_ts type继承

https://www.qianduange.cn//article/11241.html 分类:前端知识

如何本地打开vue3 vite ts项目打包的dist文件夹下index.html进行把玩

2024-06-07最近做一个vue3 vite3 ts的项目,配置了多入口页面,想不通过部署到服务器的方式在本地看一下打包后的效果。_vue3的index.html在哪?

https://www.qianduange.cn//article/11235.html 分类:前端知识

【ant-table绑定值变化页面不更新,报错Cannot read properties of undefined (reading ‘__asyncLoader‘)】

2024-06-07问题背景: vue3项目中使用ant-design-vue中的a-table,data-source绑定值为"tableData",页面加载时调用接口获得tableData显示正常,当输入筛选条件重新搜索后获得新的tableData,此时打印tableData值已经更新,但是页面没有变化,并报错误。_a-table 数据不更新

https://www.qianduange.cn//article/11180.html 分类:前端知识

vue3中使用Apache ECharts

2024-06-07首先祝贺Echarts顺利的从Apache毕业,多了个响亮的名字:,现在的官网地址在这里:传送门,首页相当的国际范,看着比以前舒服多了,但是文档还是那个文档(T▽T)最近在做一些数据透析的项目需要用到报表图,那么报表图好用的有老牌的ECharts,比较新意的AntV,思前马后的想了一下还是用了Echarts,因为AntV的产品线真的是五花八门,比如G2、G6、F2、L7,看得我头晕眼花,所以决定用Echarts省事多了。二、测试运行测试的话直接用全量引入了,看着简洁点。使用的话还是和以前差不多,获取_vue3-apexcharts

https://www.qianduange.cn//article/11166.html 分类:前端知识

vue3使用echarts树图(tree)

2024-06-07vue3 TS使用echarts树图_vue-tree-chart

https://www.qianduange.cn//article/11162.html 分类:前端知识

Vue 3 精髓:如何轻松创建和使用全局组件

2024-06-07在 Vue.js 中,全局组件是指在整个 Vue 应用程序中无需单独导入就可以使用的组件。一旦全局组件被注册,它可以在任何其他组件的模板中直接使用,而不需要在每个使用它的组件中重复注册。2、在你的入口文件(通常是 main.js 或 main.ts)中,导入你的组件并在创建 Vue 应用实例后使用 app.component 方法注册它。全局组件通常用于那些在应用程序的许多不同部分中频繁使用的组件,例如自定义按钮、图标、模态框或者任何你认为在多个地方需要复用的 UI 元素。,编程界之翘楚,代码之大师。_vue3定义全局组件

https://www.qianduange.cn//article/11161.html 分类:前端知识

unplugin-auto-import/vite、unplugin-vue-components/vite实现自动引入本地组件、js脚本依赖

2024-06-07unplugin-auto-importunplugin-vue-componentsvue3自动引入_vite ts使用unplugin-vue-components unplugin-auto-import

https://www.qianduange.cn//article/11159.html 分类:前端知识

1221条数据,当前57/123

最近搜索

会员中心 联系我 留言建议 回顶部