微信小程序豆瓣评分实现搜索功能

components下创建自定义搜索组件searchbar

在page中的search.json文件夹中引用

定义搜索api

在自定义searchbar组件js中编写

- 在使用组件的时候，当前使用该组件的页面想要获取组件中的某一状态或者某一个值时，需要使用到this.triggerEvent(’ ',{},{}),第一个参数是自定义事件名称，这个名称是在页面调用组件时bind的名称，第二个对象就是想要的状态和值。

在page中的search文件夹中引用该定义

js文件中

//导入方法
const {GetSearch} = require("../../api/search")
Page({data: {list:[],},//搜索onLoad(options) {},// if (e.detail.value == '') {//     this.setData({detail: {}}) // 如果input框内的文字删除则什么也不显示//   } else {//     this.setData({ inputvalue: e.detail.value }) // 把获取到的值给inputvalue//   }onsearchinput:function(event){console.log(event.detail.value);var searchObj={q:event.detail.value,page:1}this.setData({searchObj})console.log(searchObj);GetSearch({q:searchObj.q,page:1}).then(res=>{console.log(res);var list  =res;this.setData({list})})},

结果

微信小程序豆瓣评分实现搜索功能相关推荐

微信小程序前端备忘录记事本搜索功能
微信小程序搜索功能,小程序自带weui, 阅读文档,WeUI组件库简介 | 微信开放文档 (qq.com) 1推荐使用方法: 在//app.json中录下下列句子 "useExtendedL ...
微信小程序中用键盘的搜索功能进行页面跳转
我们都知道,小程序中页面跳转是必不可少的,一边都是绑定事件bindtap,在js中写所跳转的路径即可,那么如何在搜索框里面点击手机键盘上的搜索功能,去进行页面跳转呢?这就用到了一个input中的一个事 ...
微信小程序的开发之搜索功能
就直接贴代码啦~ wxml <view class="weui-search-bar"><view class="weui-search-bar__fo ...
微信小程序实现评分，包含满星、半星，模仿豆瓣电影评分显示
微信小程序实现评分功能前言本人在用原生小程序开发时,需要用到评分功能,于是自己动手撸了一个评分显示组件.包含满星.半星功能. 废话少说,上才艺: 1.先任意创建组件,index.wxml代码如下: ...
微信小程序 - 豆瓣同城
代码地址如下: http://www.demodashi.com/demo/12121.html 一.准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.com ...
微信小程序-豆瓣电影
1.微信小程序豆瓣电影系统选题背景本系统为模仿豆瓣电影开发,小程序开发比较简单,可以直接调用豆瓣电影接口,实时查询最新的电影信息.该程序查询出来的是最新真实豆瓣电影信息. 2.微信小程序豆瓣电影系统 ...
怎么实现微信小程序云开发拼团功能？
[微信云开发教程]怎么实现微信小程序云开发拼团功能? 提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录 [微 ...
微信小程序星星评分代码片段（含半星）
微信小程序星星评分代码片段(含半星) 代码思路完整代码代码片段图片资源写代码时需要一个点击星星评分的功能安卓直接用RatingBar非常轻松的解决了到了小程序,没有现成的封装方法可以用了, ...
微信小程序—调用扫一扫功能，通过扫描二维码连接蓝牙模块
使用微信小程序的扫码功能连接蓝牙,具体操作如下实现流程图 Created with Raphaël 2.2.0准备好二维码小程序调用扫码功能小程序获取到二维码内容(我这里为蓝牙的名字)小程序通过搜索 ...

微信小程序豆瓣评分实现搜索功能

components下创建自定义搜索组件searchbar

在page中的search.json文件夹中引用

定义搜索api

在自定义searchbar组件js中编写

在page中的search文件夹中引用该定义

结果

微信小程序豆瓣评分实现搜索功能相关推荐

最新文章

热门文章