2020
10-24
10-24
Vue表单提交点击事件只允许点击一次的实例
常用出现场景：商城点击订单提交1、使用Vue封装事件body：<template><div><el-button@click.once="submitOrder()">提交订单</el-button></div></template>方法：methods:{submitOrder(){//处理逻辑}}2、使用原生JS事件在数据data里面声明一个flag属性data(){return{isSubmit:true;}}body:<template><div><el-button@click="submitOrder()">提交订单</el-button></div></template>方法：methods:{submitOrder...
继续阅读 >
在项目中做联系人的添加和编辑功能，点击父级页面的添加和编辑按钮，用的是同一个表单弹窗，数据添加和编辑用同一个弹窗，没有在弹窗使用v-if，性能不是很好，弹窗中有表单，在编辑弹窗表单数据之后关闭弹窗，然后点击添加的时候，弹窗里的表单数据还是之前编辑的数据，无法做到清空表单数据，接下来是解决方法了，嘿嘿首先是不管是添加还是编辑，都需要将子组件需要的对象属性一一写出来，传给子组件，然后是主要用到了el-form表...
i前端：nput_test.html<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title>Search</title><script></script></head><body><div><p>{{result}}</p></div><formaction=""method="post">{%csrf_token%}<inputtype="text"name="key"><inputtype="text"name="key"><inputtype="submit"value="Search"></form></body></html>两个<input>标签name都是'key'后台：Djangoviews....