微信小程序：（动态获取数据）实现三级联动

佳蓓

于 2019-05-23 11:44:33 发布

阅读量4.5k

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_43717273/article/details/90477660

版权

本文介绍如何在微信小程序中通过动态获取数据库数据实现三级联动效果。利用WXML组件结合JS逻辑，调用后台TP语言处理的API，通过app.js中定义的方法进行数据交互，展示详细步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前两天用小程序做项目，需要从数据库里取数据来实现三级联动

wxml里使用组件：

<picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{
  {multiIndex}}" range="{
  {multiArray}}" >
    <view class="picker">
     <view class="top">
      <text class='text0'>详细住址：</text>
      
      <text class='xuanze' wx:if="{
  {multiArray[2][multiIndex[2]] && step == 0}}">点击选择用户详细住址</text>
     </view>
      <view class='text1' wx:if="{
  {multiArray[2][multiIndex[2]] && step == 1}}">
        <text class='text2'>{
  {multiArray[0][multiIndex[0]]}}</text>
        <input name="v1" hidden='true' value='{
  {multiArray[