f8cc7072aa
Former-commit-id: b792f259a85060bc427414a1451d7218e8e099f7 [formerly b792f259a85060bc427414a1451d7218e8e099f7 [formerly b792f259a85060bc427414a1451d7218e8e099f7 [formerly b792f259a85060bc427414a1451d7218e8e099f7 [formerly 6a9e02c169cc62ae7f62e1f479aa2fc1eb7759b7 [formerly 7524303cc8515da2de88d785b38eae96a3cc501e]]]]] Former-commit-id: cc0082f2dddee9629e13a66d8458132f4c1529fb Former-commit-id: 1e88751bbe455a8ecf939f0c3745bd6005d3b549 Former-commit-id: 93b5b7cd4d80da8f81c4985e302ba317c3b8ef30 [formerly 6d5ef8bec31f4fa776f9d797f381e57722a0db10] Former-commit-id: e4001eea6899889fe9f50194e23e320c0480dcfb Former-commit-id: 249fd0bd5ccf93dc4a22fc0cc6951dd039151349 Former-commit-id: f35cdabda6780556b92d236ff7e8d359249203c5 Former-commit-id: 4593038573e235b2eb9032d858409e020b7ee667 Former-commit-id: 37b953c1c1657ac5582759f7e8bb63efdb8d90d0
68 lines
1.3 KiB
Vue
68 lines
1.3 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(vm => {
|
|
vm.resetFormData()
|
|
vm.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>
|