输入要传递的内容
<input class="password" style="margin-left: 20rpx;" placeholder="请输入密码" v-model="password"/>
<button class="button_navigator2" @click="gotoNew()" style="margin-top: 10px;">跳转传参</button>
data(){//获取输入框的内容
return{
password:""
}
},
methods: {
gotoNew() {//点击事件
window.console.log(this.password)//打印输入的内容
this.$router.push({//传递到其他页面
path:'/pages/login/navigator',
query:{
password:this.password
}
})
},
接收传递过来的数据，并展示出来
<text class="password_txt">{{text}}</text>
<script>
export default{
data(){
return{
password:''
}
},
watch:{
'$route' : 'gettingData'
},
created() {
this.gettingData()
},
methods:{
gettingData(){
var passwords = this.$route.query.password
this.password = passwords
this.text = this.password
window.console.log("传递结果：" + this.password)
}
}
}
</script>
