发表于: 2020-07-22 22:43:59
0 2162
今日完成:
下拉菜单h5标签
HTML <datalist> 标签
标签定义及使用说明
<datalist> 标签规定了 <input> 元素可能的选项列表。
<datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性。
用户能看到一个下拉列表,里边的选项是预先定义好的,将作为用户的输入数据。
使用 <input> 元素的 list 属性来绑定 <datalist> 元素。
遇到问题:
// let params={
// type : 1,
// startAt:1595413033655
// }
// axios.get('/carrots-admin-ajax/a/article/search',params )
// .then(res=>console.log(res))
// },
不管给params设置什么参数,返回的都是整个列表
原本想法:上传限制条件,后台返回符合条件的列表数组,或者id之类的,我在根据这个二次加工展示
结果不行,不管条件什么,返回的都是全部列表, 限制条件无效
解决:
因为获取整个列表;也是这么写得,可能是我想复杂了,搜索只是显示,并不涉及改变后台数据参数,
所以可以在显示页面思考
即:请求全部列表,给列全部加上隐藏属性,只有复合条件的,隐藏属性才会去掉
search (resolve) { // 搜索按钮
this.artucleGet = []
this.ellipsisL = false
this.ellipsisR = false
this.current = 1
var type = '',
status = '',
date ='',
startAt = '',
endAt = '';
if (this.inputType != '全部') {
type = this.typeValue.indexOf(this.inputType)
}
if (this.inputStatus != '全部') {
status = this.statesValue.indexOf(this.inputStatus)
}
if (this.inputDate1 != '') {
date = new Date(this.inputDate1)
startAt = date.getTime()
}
评论