VUE-添加操作时，传参params跳转界面，使用传递过来的参数的方法

1、功能介绍

点击【添加】按钮，跳转到新界面，用户名自动填充。

本文主要讲如何获取用户名 

2、【添加】按钮样式

 <div class="add-duty" @click="addDuty" ></div> 

3、点击【添加】时，触发的方法

addDuty(){
		 this.$router.push({
			 name: "dutyadd",//跳转到新界面，路由变化
			 params: {
			       userData:this.userData //传递给新界面的数据，包括用户id和用户名
			 }
		 });
},

4、新界面通过params展示数据，如展示用户名数据

<div>用户名
    <input type="text" placeholder="用户名" :value="this.$route.params.userData.uidName"/></div>