html文本框代码(html换行代码)
今天继续给大家分享一下Element UI 多选框组用法笔记,直接上代码!
1、HTML <el-form-item label="用户列表"> <el-autocomplete class="inline-input" @clear="clearUser" clearable v-model="paramData.userName" :fetch-suggestions="querySearch" placeholder="请输入用户名" @select="handleSelect" > </el-autocomplete></el-form-item> 2、JS
var vue = new Vue({ data: { paramData: { userId: "", userName: "" }, userList: [] }, created: function() { var self = this; self.initUser(""); }, mounted: function() {}, methods: {}, methods: { initUser: function(userName) { var self = this; var queryParam = {}; $.ajax({ url: xxx, contentType: 'application/json', data: JSON.stringify(queryParam), success: function(resultData) { if (resultData.success) { self.userList = result.data; } else { self.userList = []; } } }); }, handleSelect: function(item) { var self = this; self.paramData.userName = item.value; self.paramData.userId = item.id; self.onSearch(); }, querySearch: function(queryString, cb) { var self = this; var queryParam = {}; $.ajax({ url: xxx, contentType: 'application/json', data: JSON.stringify(queryParam), success: function(resultData) { if (resultData.success) { cb(result.data); } else { cb([]); } } }); }, clearUser: function() { var self = this; self.paramData.userName = ""; self.paramData.userId = ""; //重新加载数据列表 } }}); 以上是分享内容,感谢阅读,欢迎收藏、点赞、转发 。您的支持是我最大的创作动力,有问题可以留言大家共同进步!
【html文本框代码 html换行代码】
推荐阅读
- 罗永浩 发布会 罗永浩是怎么出名的
- 让孩子踏上阅读快车道 让孩子踏上阅读快车道电子书
- 触摸屏上市公司 触摸屏上市公司龙头
- 2022年全国各省高考作文题目汇总 上海高考作文题目是什么
- 最新2022年北京市民办大学排行榜出炉 北京民办院校排名
- 分享公费师范生吐诉心酸 免费师范生千万不要读
- 湖南省各专业录取分数线 2021年长沙师范学校分数线
- 湖南省最好的十所大学排行榜 2022年湖南13所一本大学排名
- 手机对中学生的危害 手机对学生的危害真实事例有哪些