autocomplete

表单语法 <form method="post"（规定如何发送表单数据 常用值：get|post） action="result.html">（表示向何处发送表单数据） <p> 名字：<input name="name" type="text" > </p> <p> 密码：<input name="pass" type="password" > </p> <p> <input type="submit" name="Button" value="提交"/> <input type="reset" name="Reset" value="重填“/> </p> </form> 经验：在实际网页开发中通常采用post方式提交表单数据 表单元素格式 语法： < input type ="text" （input元素类型）name ="fname" （input元素名称） value ="text" （input元素的值） /> 表单元素 文本框-语法 < input type ="text" (文本框) name ="userName" (文本框名称) value ="用户名" (文本框初始值) size ="30" (文本框长度) maxlength ="20" (文本框可输入最多字符) /> 密码框-语法 < input type ="password " (密码框) name =

在template中添加标签 <el- autocomplete v -model="detail.CUSTOMER_NAME" :fetch -suggestions="querySearchAsync" @select ="handleSelect" placeholder ="请输入内容" > </el-autocomplete> 在script中添加下面两个函数 // queryString 为在框中输入的值 // callback 回调函数,将处理好的数据推回 querySearchAsync(queryString, callback) { var list = [{}]; // 调用的后台接口 let url = 后台接口地址 + queryString; // 从后台获取到对象数组 axios.get( url ).then((response)=> { // 在这里为这个数组中每一个对象加一个value字段, 因为autocomplete只识别value字段并在下拉列中显示 for (let i of response.data){ i.value = i.想要展示的数据; // 将想要展示的数据作为value } list = response.data; callback(list); }). catch ((error)=> { console.log