<el-dialog title="编辑库存" :visible.sync="dialogFormVisible">
<div style="border-bottom:1px solid #E6E6E6;width:100%;margin-top:-20px;"></div>
<el-form :model="dialogform" ref="dialogform" :rules="rules" @submit.native.prevent>
<el-row style="margin-top:20px;margin-left:20px;">
<el-col :span="24">
<el-form-item label="商品库存" prop="stock" >
<el-input v-model="dialogform.stock" @keyup.enter.native="submitForm('dialogform')" class="custom-input" size="mini" ></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button class="btn-save" @click="updateSkuStock('dialogform')" size="mini">确 定</el-button>
<el-button class="btn-back" size="mini" @click="dialogFormVisible = false">取 消</el-button>
</div>
</el-dialog>
elemetui dialog弹出框表单里面有一个input框,给他绑定一个鼠标监听回车事件,默认会去刷新整个父级页面,因为el-form里面只有一个el-input的时候,就会去刷新整个父级页面,解决办法,在form里面加一个 <input type="hidden" value=""/>就不会刷新父页面了
<el-dialog title="编辑库存" :visible.sync="dialogFormVisible">
<div style="border-bottom:1px solid #E6E6E6;width:100%;margin-top:-20px;"></div>
<el-form :model="dialogform" ref="dialogform" :rules="rules" @submit.native.prevent>
<el-row style="margin-top:20px;margin-left:20px;">
<el-col :span="24">
<input type="hidden" value=""/>
<el-form-item label="商品库存" prop="stock" >
<el-input v-model="dialogform.stock" @keyup.enter.native="submitForm('dialogform')" class="custom-input" size="mini" ></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button class="btn-save" @click="updateSkuStock('dialogform')" size="mini">确 定</el-button>
<el-button class="btn-back" size="mini" @click="dialogFormVisible = false">取 消</el-button>
</div>
</el-dialog>