问题起因

最近在看vue-cli 3.0,乘着不忙先写个demo找找区别,遇到问题在此记录,请广大同学看看是否是更新前后的区别,还是其他原因,借此学习

问题

在开发中有这样的页面需求,通过导航或着说菜单切换内容,诸如(以iview为例):

clipboard.png

但是pc端刷新页面后,选择页面在,但是导航按钮的点击状态丢失,于是乎想到的最好办法应该是将点击状态绑定路由,我们会将这些按钮的区别标志存在路由中:

clipboard.png

这样只要在页面created时拿去这个值:

clipboard.png

之前这样一直是没有问题的

但是
当我今天在vue-cli 3.0 构建的demo项目中发现,同样的方法,无论在created还是mounted 都无法获取,切打印console.log(this.$route.meta);也显示为空{}

最后只能通过监听路由来实现,不知道是不是新旧版本的不同处

# javascript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue