ui-cascader在页面加载完后修改数据,绑定貌似不生效

代码:
 
<template>
<ui-page page-load="{{ pageLoad }}">
<ui-button type="primary" bindtap="submitHandler">按钮 {{ ttt }}</ui-button>
<ui-view class="sample_title">自定义颜色</ui-view>
<ui-row height="40" border-top border-bottom>
<ui-col span="3" vertical-align="middle" align="right" space-right="10">
附近
</ui-col>
<ui-col span="9" bindtap="showPop4" vertical-align="middle">
{{title4}}
</ui-col>
</ui-row>
<ui-popup ui:model="{{show4}}" position="bottom" width="100%" height="300">
<ui-cascader bindselected="handleselected4" data="{{data2}}" theme-color="red"></ui-cascader>
</ui-popup>
</ui-page>
</template>
<script>
export default {
data () {
return {
show4: false,
title4: '选择类型',
ttt:'not set',
data2:, //绑定变量
data3:[ //原始数据
{
name: '美食',
value: 'food',
children: [
{
name: '火锅',
value: 'chafing dish',
children: [
{ name: '川味火锅', value: 'SiChuan chafing dish' },
{ name: '老北京火锅', value: 'Beijing chafing dish' },
{ name: '牛肉火锅', value: 'Beef chafing dish' }
]
}, {
name: '西餐',
value: 'western food',
children: [
{ name: '意大利菜', value: 'Italy food' },
{ name: '法国菜', value: 'France food' },
{ name: '汉堡', value: 'Hamburg' }
]
}
]
}, {
name: '旅游',
value: 'tour',
children: [
{
name: '周边游',
value: 'tour around',
children: [
{ name: '景点', value: 'Scenic spot' },
{ name: '公园', value: 'Park' },
{ name: '名胜古迹', value: 'Historical sites' }
]
}, {
name: '海外游',
value: 'tour aboard',
children: [
{ name: '美国游', value: 'American tour' },
{ name: '欧洲游', value: 'Europe tour' },
{ name: '东南亚游', value: 'Southease Asia tour' }
]
}
]
}
],
pageLoad:{
trigger:'always',
handle:()=>{
console.log('pageLoad')
this.loadData()
}
},
}
},
methods: {
loadData(){
// this.data2 = this.data3 //去掉这一行的注释的话,更新选择控件的数据了
this.loading = true
var self = this
ui.request({url:'/Org/AreaFranchiser',method:'POST',data:{},
success:function(res){
//执行下面这一行没效果
self.data2 = res.data.data

//下面一行用来看看网络通讯生效了没有,实际运行后按钮文字确实加了一长串字符
self.ttt=res.data.data
console.log(JSON.stringify(self.data2))
self.loading = false
}
})
},
submitHandler(){
//下面这一行,按钮点击后,选择器数据也不更新
this.setData({data2:this.data3})
console.log(this.data2)
},
showPop4(){
this.setData({
show4:true
})
},
handleselected4(data) {
this.title4 = ""
for (var i = 0; i < data.length; i++) {
this.title4 += data<em>.name + ' '
}
this.setData({
show4: false,
title4: this.title4
})
},
},
mounted () {

},
created(){
}
}
</script>
</em>

 
 
 
PageLoad里做网络请求更新数据、点击按钮更新数据,绑定貌似都没有生效
已邀请:

admin

赞同来自:

下个版本解决

要回复问题请先登录注册



QQ:378966107

邮箱:frank@uileader.com

微信进交流群 加小助手微信进交流群