distpicker动态获取省市区时,无法获取市、区?

新手上路,请多包涵

页面显示的效果


1.html代码


<form class="am-form am-form-horizontal edit-address block" id="address-form" data-toggle="distpicker">
  <div class="am-form-group">
    <label for="" class="am-u-sm-3 am-form-label">省份</label>
    <div class="am-u-sm-9">
      <select v-model="AdrList.province" id="address_prov" v-cloak></select>
    </div>

  </div>
  <div class="am-form-group">
    <label for="" class="am-u-sm-3 am-form-label">城市</label>
    <div class="am-u-sm-9">
      <select v-model="AdrList.city" id="address_city" v-cloak></select>
    </div>
  </div>
  <div class="am-form-group">
    <label for="" class="am-u-sm-3 am-form-label">地区</label>
    <div class="am-u-sm-9">
      <select  v-model="AdrList.district" id="address_area" v-cloak></select>
    </div>
  </div>
</form>



2.js代码
<script type="text/javascript">
var app = new Vue({
el:"#app",
data: {
    AdrList :{
      'id':'' ,
      'phone':'',
      'name':'',
      'province':'',
      'city':'',
      'district':'',
      'address':''
    } //所有地址信息
},
//事件
methods: {
  // 初始化页面数据
    initialize:function () {
      var id = this.obtain('id');
      if(id>0){
          var loading = layer.load();
          $.post("/shop/member/user/member",{'_token':'{{csrf_token()}}',class:'adrOne',id:id},function (res) {
              if(res.code){
                app.AdrList = res.data;
                console.log(res.data)//后台没问题,前台取到的市、区确实undefined

              } else {
                  layer.msg(res.data);
              }
              layer.close(loading);
          });
      }
    },
  },
  //自动执行
  mounted: function () {
      this.initialize();//自动执行
  },
});

</script>


打印的数据


前台取到的市、区确实undefined

阅读 2.5k
1 个回答
新手上路,请多包涵

$.post("/shop/member/user/member",{'_token':'{{csrf_token()}}',class:'adrOne',id:id},function (res) {

              if(res.code){
                app.AdrList = res.data;
                $('#address-form').distpicker('destroy');//强制赋值前需要做的
                $("#address-form").distpicker({
                  province: app.AdrList.province,
                  city: app.AdrList.city,
                  district: app.AdrList.district
                });

              } else {
                  layer.msg(res.data);
              }
              layer.close(loading);
          });
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题