Files
mes-ui-d2/src/pages/demo/playground/page-argu/send.vue
liyang 5179475d05 优化
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
2018-07-21 11:06:26 +08:00

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>