首页 > 编程语言 >微信小程序下拉后端查询的列表数据

微信小程序下拉后端查询的列表数据

时间:2023-12-24 22:33:23浏览次数:37  
标签:false name 微信 列表 下拉后 msg 查询 select

关键词:微信小程序、下拉选项、下拉数据从后端查询

wxml

<view class='top-selected' bindtap='hindMsg' style="display: flex;" >
  <button class="title p20" style="width: 70%;" >{{msg}}</button>
  <button type="primary" style="width: 30%;">新建</button>
</view>
<!-- 下拉需要显示的列表 -->
<view class="select_box" wx:if="{{select}}" >
    <view wx:for="{{mycaselist}}" wx:key="pk">
      <button class="select_one" style="width: 100%;" bindtap="selectMsg" data-name="{{item.fields.name}}">{{item.fields.name}}</button>
    </view>
  </view>

js

data: {
    select:false,
    msg:'--请选择--',
  },
  hindMsg() {
    this.setData({
      select: !this.data.select
    })
  },
  /**
   * 已选下拉框
   */
  selectMsg(e) {
    var name = e.currentTarget.dataset.name
    this.setData({
      msg: name,
      select: false
    });
  }, 

  

标签:false,name,微信,列表,下拉后,msg,查询,select
From: https://www.cnblogs.com/songwmeta/p/17924983.html

相关文章

  • 微信小程序循环展示数据,选中将参数传递至js,由js传递至另外一个页面
    关键词:微信小程序、页面切换、参数传递、页面切换时的参数传递。1、页面1的wxml:循环展示数据,并选中,将参数传递至js<blockwx:for="{{caselist}}"wx:for-item="item"style="display:flex;"><viewclass="item"><buttoncatchtap="casedetai......
  • 如何获得控件的On属性事件列表?
     用RTTI usesstrutils,rtti,System.typinfo;{$R*.dfm}procedureTForm2.FormCreate(Sender:TObject);varcontext:TRttiContext;rType:TRttiType;aPropery:trttiproperty;LProperty:trttiproperty;LField:TRttiField;vari,j:Integer;......
  • 海外充值微信,充值支付宝
    在美国,如何正确充值微信,充值支付宝呢,是不是还在找亲戚?找朋友?找那些不靠谱的第三方平台?还是价格贵的离谱的网站? 如果还是停留在这些寻找的范围,就请你听好了,目前有一家叫Very划算的网站,专门服务海外华人充值业务,其中有一项业务特别引人注目,那就是微信充值,支付宝充值!微信和支付宝......
  • 列表循环 带有栏目的调用
    <!--foreach:{$loop$vo}--><articleclass="excerpt"><aclass="focus"href="{$vo.aurl}"><!--if:{$vo['image']==''}--><imgsrc="__TPL__static/imag......
  • 微信小程序开发学习日志
    文件夹:pages:index:首页logs:日志json配置文件:app.json:app.json为全局配置,包括了所有页面路径(pages)、窗口外观(window)、界面表现(style)、底部tab等。#页面配置会覆盖全局配置project.config.json:"setting": 本地设置"es6": JS编译成ES5是否开启"postcss": 上传代码时样......
  • 微信小程序开发笔记[6]-蓝牙ble扫描设备
    摘要使用微信小程序扫描BLE设备,找到指定设备后弹窗.平台信息微信开发者工具Stable1.06.2310080原理typescript+less开发模式[https://developers.weixin.qq.com/miniprogram/dev/devtools/compilets.html][https://blog.csdn.net/Boale_H/article/details/121360082]......
  • 国标GB28181智能视频监控LiteCVR设备列表显示不全的原因排查
    随着科技的不断发展,安防视频监控技术也在不断创新和升级。近年来,一些新技术不断涌现,为安防视频监控领域带来了更多的机遇和挑战。有用户在现场部署LiteCVR,服务器重启后,设备列表显示不全,只显示国标设备,不显示Ehome设备,如下图:GB28181视频监控国标平台/视频云存储/安防监控LiteCVR视频......
  • html列表标签
    一、无序标签基本语法<ul><li>芊嵛</li><li>流年</li><li>依诺</li></ul>前面的符号设置方法一ul{/*去除none实心小圆点disc默认空心圆circle空心正方形square*/list-style:none;}方法二<!--......
  • MIME 类型列表
    扩展名文档类型MIME类型描述.aacAACaudioaudio/aacAAC(AdvancedAudioCoding)是一种音频编码格式,通常用于数字音频广播和流媒体服务。.abwAbiWorddocumentapplication/x-abiwordAbiWord是一个开源的文字处理软件,而.abw是其默认的文档格式。.arcA......
  • Python各个列表交叉进行排列组合
    例v_list=[["1.mp4","2.mp4"],["3.mp4"],["6.mp4","7.mp4"],[],[]]我想把这个列表里面的各个列表,重新排列组合但是我不知道列表里套了几个列表,套的列表里有几个元素,这样就无法具体固定for循环后来使用exec()函数,间接解决了该问题不考虑顺序的问题,一共有212=4种排列方式下......