Vue:页面带参数跳转以及跳转页面获取参数以及页面刷新数据的问题

  1. 首先检查路由是否配置

例:

const router1 = new Router({

routes: [

{

path: '/xf-lokoonn',

name: 'xf-lokoonn',

meta: { // 在路由配置中加入meta:{requireAuth: true}

requireAuth: true

},

}

]

})

    2.跳转路径不能直接写在这种框里,这样写跳转不生效,要在下面里面单独写js去跳转

例:查看

    3.跳转页面取值又两种path和query,我这里用的是query感觉方便一点,如果用path路由那个地方是要改的,这个我之前查过忘记了,后面有时间补上;active(),created(),解决刷新问题,如下所述:

created():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次;

activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等
 

例:

activated () {

this.mounted();

this.select();

},

created() {

this.mounted();

},

methods: {

mounted() {

this.dataListLoading = true

this.equipname = this.$route.query.equipname;

var equipname=this.equipname

console.log(this.$route.query)

console.log("-----------------")

console.log(this.equipname)

console.log(equipname)

},

你可能感兴趣的:(vue,Java,win10)