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

合集 - 微信小程序(8)

1.微信小程序循环展示数据，选中将参数传递至js，由js传递至另外一个页面2023-12-242.微信小程序从django后端获取数据、获取登录用户名2023-12-24

3.微信小程序下拉后端查询的列表数据2023-12-24

4.微信小程序 js怎么获取js文件变量的值2023-12-255.微信小程序 本地定义的data变量怎么取2023-12-306.Django quertset、set的序列化2024-01-077.微信小程序 返回时传输数据到上一个页面2024-01-098.微信小程序 取列表的for循环的第一个值2024-01-13

收起

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

wxml

?

1 2 3 4

<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>

?

1 2 3 4 5 6

<!-- 下拉需要显示的列表 --> <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

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

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     });   },