解決vue中模態框內資料和外面的資料繫結的問題
阿新 • • 發佈：2019-01-07
問題：
表單中的使用者名稱和模態框中的使用者名稱沒有繫結同一個model，但之後在模態框捏輸入發現表單內的使用者名稱也發生了改變。原本計劃是想點儲存之後再改變的。
解決方法
找到判斷模態框是否顯示的變數。之後用watch監聽該屬性。然後就不會發生上述問題。
表單：
<el-table :key='tableKey' :data="list" v-loading.body="listLoading" border fit highlight-current-row> <el-table-column prop="UserName" align="center" label="使用者名稱"模態框：
<el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" v-if="dialogStatus=='update'"> <el-form > <el-form-item label="使用者名稱：" :label-width="formLabelWidth"> <el-input v-model="form.UserName" auto-complete="off"新增watch：
watch: { dialogFormVisible: function(val, oldVal) { setTimeout(() => { this.getList(); }, 100); }, },