最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

Vue2實時監(jiān)聽表單變化的示例講解

來源:懂視網(wǎng) 責編:小采 時間:2020-11-27 22:08:47
文檔

Vue2實時監(jiān)聽表單變化的示例講解

Vue2實時監(jiān)聽表單變化的示例講解:如下所示: <template> <section> <el-dialog :title=formTitle :visible.sync=dialogFormVisible :before-close=cancel> <el-form :model=form :rules=rules re
推薦度:
導讀Vue2實時監(jiān)聽表單變化的示例講解:如下所示: <template> <section> <el-dialog :title=formTitle :visible.sync=dialogFormVisible :before-close=cancel> <el-form :model=form :rules=rules re

如下所示:

<template>
 <section>
 <el-dialog :title="formTitle" :visible.sync="dialogFormVisible" :before-close="cancel">
 <el-form :model="form" :rules="rules" ref="form">
 </el-form>
 <div slot="footer" class="dialog-footer">
 <el-button size="medium" type="primary" @click="addSubmit" :loading="addLoading" :disabled="unChange">確 定</el-button>
 </div>
 </el-dialog>
 </section>
</template>
<script> 
 export default {
 props: ["dialogFormVisible","form","formTitle"],
 data() {
 return {
 unChange: true,
 preForm: JSON.parse(JSON.stringify(this.form)) //深拷貝對象
 };
 },
 watch: {
 form:{
 handler:function(nowVal,oldVal){
 var $this = this;
 for(let i in $this.form){
 if(nowVal[i] != $this.preForm[i]) {
 $this.unChange = false;
 break;
 }else {
 $this.unChange = true;
 }
 }
 },
 deep:true
 }
 },
 methods: {
 addSubmit() {
 var $this = this;
 }
 },
 mounted() {
 var $this = this;
 }
 };
</script>

以上這篇Vue2實時監(jiān)聽表單變化的示例講解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

聲明:本網(wǎng)頁內容旨在傳播知識,若有侵權等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

文檔

Vue2實時監(jiān)聽表單變化的示例講解

Vue2實時監(jiān)聽表單變化的示例講解:如下所示: <template> <section> <el-dialog :title=formTitle :visible.sync=dialogFormVisible :before-close=cancel> <el-form :model=form :rules=rules re
推薦度:
標簽: 改變 VUE 變化
  • 熱門焦點
專題
Top

抖音扫码关注

手机端二维码

每天分享百科知识!