0f04615685
Former-commit-id: 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 1e795e1614aaf94f23ad99354f6ca9be303a1b1e [formerly 9ce21aef6b043d8bfcb2849dd7c6bc34e4625387]]]]] Former-commit-id: c92d7410adc4138c7903c0067860fc3d190f54b0 Former-commit-id: 9f0ab819a505e341a6edf210efb107df8b8efe33 Former-commit-id: 3006c0d2ccda4133203372c30ffee34a73fa8944 [formerly f340ca4127e4578b3c53747d13bbaba223ed4e83] Former-commit-id: 9624c2aaa99880b5e37f1e60f1f36ac673e021ed Former-commit-id: 7923489f2c3c637782d9d4a1707bc48dfe3b1acf Former-commit-id: 2375e080a7f715bc48da40d4c56235efad3f0d5d Former-commit-id: c41402e6c0266a07e974efad41feed7c6fb7d0b6 Former-commit-id: b8814b31619151361c91ed37cb1ee7f3813853c1
68 lines
1.4 KiB
Vue
68 lines
1.4 KiB
Vue
<template>
|
|
<d2-container
|
|
:filename="filename"
|
|
type="card"
|
|
class="page">
|
|
<el-form
|
|
ref="form"
|
|
:model="form"
|
|
label-width="80px"
|
|
class="page--form">
|
|
<el-form-item label="姓名">
|
|
<el-input v-model="form.name"/>
|
|
</el-form-item>
|
|
<el-form-item label="地址">
|
|
<el-input type="textarea" v-model="form.address"/>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="handleSubmit">修改</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</d2-container>
|
|
</template>
|
|
|
|
<script>
|
|
import base from './mixins/index'
|
|
export default {
|
|
mixins: [
|
|
base
|
|
],
|
|
data () {
|
|
return {
|
|
filename: __filename
|
|
}
|
|
},
|
|
// 第一次进入或从其他组件对应路由进入时触发
|
|
beforeRouteEnter (to, from, next) {
|
|
const id = to.params.id
|
|
if (id) {
|
|
next(instance => {
|
|
instance.resetFormData()
|
|
instance.getFormData(id)
|
|
})
|
|
} else {
|
|
next(new Error('未指定ID'))
|
|
}
|
|
},
|
|
// 在同一组件对应的多个路由间切换时触发
|
|
beforeRouteUpdate (to, from, next) {
|
|
const id = to.params.id
|
|
if (id) {
|
|
this.resetFormData()
|
|
this.getFormData(id)
|
|
next()
|
|
} else {
|
|
next(new Error('未指定ID'))
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.page {
|
|
.page--form {
|
|
max-width: 460px;
|
|
}
|
|
}
|
|
</style>
|