vue 内置组件 component 的用法示例详解_vue.js_

this.$emit("changeview","planDetailsList"); //父组件监听到changeview，给is绑定的currentView重新赋值 this.$router.push({ path: this.pathUrl, //通过props接收 props:{pathUrl:String} query: { id: params.row.id, //参数名 from:"reviewedPlan" //这里加from原因是要区分多个组件的情况下通过路由from参数来区分是通过那个组件切换过来的 } })

var url = this.$route.query.from; //取路由from，区分是那个通过那个组件传递过来的，返回的时候可返回到对应的组件 this.$emit("changeview",url); this.$router.push({ path: this.pathUrl, query: { currentView:url, } })

const addQuery=function(queryDate){ var query={}; Object.assign(query,this.$route.query,queryDate); this.$router.push({ path:this.$route.path, query:query }); }; const delQuery=function(){ var query={}; var arg=Array.prototype.slice.call(arguments); Object.assign(query,this.$route.query); arg.forEach(item=>{ delete query[item];//删除参数 }) this.$router.push({ path:this.$route.path, query:query }); }; var install = { install(Vue) { Vue.mixin({ beforeCreate() { var self=this; this.$routePlugin={ addQuery:addQuery.bind(self), delQuery:delQuery.bind(self) } } }) } } export default install;

click: () => { this.$emit("updateView","fileDetails"); this.$routePlugin.addQuery({ viewName:'fileDetails', identity:'student' }) }

click:()=>{ this.$emit('updateView', 'studentGrowthPortfolio') }

beforeDestroy(){ this.$routePlugin.delQuery('identity','viewName') },