Former-commit-id: ef4699f814210e4c6c717042ff3db49a4a350408 [formerly ef4699f814210e4c6c717042ff3db49a4a350408 [formerly ef4699f814210e4c6c717042ff3db49a4a350408 [formerly ef4699f814210e4c6c717042ff3db49a4a350408 [formerly ab1b5077dd4645f69305fedbc6aca45c607bd8e6 [formerly e4284be0bd2c0ab0b3c5fc4b8faead2f7f32e70c]]]]] Former-commit-id: a42f974b4dc131f2e1a7143d9f7f75da2f034eb2 Former-commit-id: b45971e84cbd59e004ec090e684ad14acf33dd80 Former-commit-id: 72ab1d3d94415c25997753b01633458e18854488 [formerly 8bf8d2c78aa4726742a6adec0b3509f9e44df2df] Former-commit-id: 642d7b7beda397bf00f5bd37a547a766b25151d5 Former-commit-id: 48a07254502642c34d9feaad58196269a3a6253b Former-commit-id: 317f3f90a0beb324540ace3f35fbf0ece28de1cf Former-commit-id: 8d7d7c6e31d75bf185e14040e3e36869208ac7ac Former-commit-id: 4df3b8757cae7bc4315ede51fa93e3ceebfc5087
56 lines
1.4 KiB
Vue
56 lines
1.4 KiB
Vue
<template>
|
|
<d2-container>
|
|
<el-form :model="sendForm" :rules="rules" label-position="top" ref="sendForm">
|
|
<el-form-item label="username 通过动态路由匹配发送" prop="username">
|
|
<el-input v-model="sendForm.username"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="userid 通过参数发送" prop="userid">
|
|
<el-input v-model="sendForm.userid"></el-input>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="handleSubmit('sendForm')">跳转到接收页面</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</d2-container>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data () {
|
|
return {
|
|
sendForm: {
|
|
username: 'FairyEver',
|
|
userid: '001'
|
|
},
|
|
rules: {
|
|
username: [
|
|
{ required: true, message: '请输入要发送的用户名', trigger: 'blur' }
|
|
],
|
|
userid: [
|
|
{ required: true, message: '请输入要发送的用户ID', trigger: 'blur' }
|
|
]
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
handleSubmit (formName) {
|
|
this.$refs[formName].validate(valid => {
|
|
if (valid) {
|
|
this.$router.push({
|
|
name: 'demo-playground-page-argu-get',
|
|
params: {
|
|
username: this.sendForm.username
|
|
},
|
|
query: {
|
|
userid: this.sendForm.userid
|
|
}
|
|
})
|
|
} else {
|
|
return false
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|