vue
文章平均质量分 54
本宝宝很开心
做一名合格的搬运工
展开
-
Swiper8的基本使用
注意:版本不同,属性不同,使用方法不同。原创 2023-03-09 19:18:40 · 791 阅读 · 0 评论 -
vue3+antd-design-vue语言国际化配置
1.安装antd-design-vue 时使用npm i --save ant-design-vue@next命令,(文末会贴出相关框架版本);2.语言国际化配置分为两种,第一种是我们自定义组件使用到的文字,第二种是ui框架自带的文字。思路:自定义文字可动态匹配,ui框架上的可采用它自带的国际化配置文件结构新建语言包文件:zh_CN.ts// 中文翻译export default { title: "国际化语言配置", btn: "按钮", add: "添加", del:原创 2022-02-09 21:25:48 · 3878 阅读 · 0 评论 -
Vue路由守卫(全局路由守卫、组件内路由守卫、路由独享守卫)
1.全局路由守卫const Foo = {template: ...,beforeRouteEnter(to, from, next) {// 在渲染该组件的对应路由被 confirm 前调用// 不能!获取组件实例 this// 因为当守卫执行前,组件实例还没被创建},beforeRouteUpdate(to, from, next) {// 在当前路由改变,但是该组件被复用时调用// 举例来说,对于一个带有动态参数的路径 /foo/:id,在 /foo/1 和 /foo/2 之间跳转转载 2021-06-15 21:46:42 · 529 阅读 · 0 评论 -
vue 面试题
VUE1.vue的生命周期beforeCreate>created>beforeMount>mounted>beforeUpdate>updated>beforeDestroy>destroyedbeforeCreate:data和methods中的数据还没有初始化created: 在created中,data和methods都已经初始化好beforeMount: 此时模板已经在内存中编辑完成了,但尚未把模板渲染到页面中mounted: 表示内存中的模板原创 2021-06-04 17:02:58 · 140 阅读 · 0 评论 -
搭建vue项目
1.安装npm下载地址:http://nodejs.cn/download/2.安装脚手架(vue-cli)npm install vue-cli -g验证是否安装成功(vue -V)3.初始化项目vue init template-name:模板名称(vue-cli提供了五种) 常用webpackproject-name:项目名称eg:vue init webpack vue-test输入命令后的配置Project name :不能输入大写字母Project descripti原创 2020-12-22 16:51:40 · 90 阅读 · 0 评论 -
解决vue控制台 Uncaught (in promise) NavigationDuplicated报错
解决vue控制台 Uncaught (in promise) NavigationDuplicated报错原因:vue router升级到3.0之后,回调返回的是一个promise解决方法:1.将版本退回到3.0之前(不推荐)npm i vue-router@3.0 -S 2.补齐 router.push() 的第三个参数this.$router.push(route, () => {}, (err) => { console.log('输出报错',err) })原创 2020-11-30 10:27:49 · 778 阅读 · 0 评论