Vue重新渲染问题

清华副校长 2019-01-24 11:41:38
做了一个月的毕业设计 用H5写APP
现在在做APP端的时候 遇到了一个Vue的问题
var vm =new Vue({
el:'#app',
data:{
row:''
},
created:function(){
this.getDate();
},
methods:{
getDate:function(){
mui.ajax(request_url+'repair/app/findById',{
data:{
'rid':rid,
},
dataType:'json',
type:'post',
timeout:5000,
success: function(data) {
vm.row=data;
console.log(JSON.stringify(vm.row));
},
error: function(xhr, type, errorThrown) {
mui.toast('网络连接失败...');
}
});
}
}
})

数据是改变了的,但是并没有重新渲染, 百度了半天没有结果- -,我个做JAVA后台的 Vue只学了渲染,这个实在不知道怎么办


...全文
450 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
离水de鱼 2019-01-30
  • 打赏
  • 举报
回复
你用this吧 别用vm
a1083011065 2019-01-26
  • 打赏
  • 举报
回复
data:function(){ return { row:{} } } created:function(){ this.getDate(); }, methods:{ getDate:function(){ var that = this; mui.ajax(request_url+'repair/app/findById',{ data:{ 'rid':rid, }, dataType:'json', type:'post', timeout:5000, success: function(data) { that.row=data; console.log(JSON.stringify(vm.row)); }, error: function(xhr, type, errorThrown) { mui.toast('网络连接失败...'); } }); }}
清华副校长 2019-01-26
  • 打赏
  • 举报
回复
...都加到100分了 没人能救一下我么
天际的海浪 2019-01-25
  • 打赏
  • 举报
回复
data:{ row:{} },
scscms太阳光 2019-01-25
  • 打赏
  • 举报
回复
vue的数据是这样的
data:function(){
return {
row:{}
}
}

还有如果是赋值的data是对象,应该使用this.$set(this,'row',data)
風灬雲 2019-01-25
  • 打赏
  • 举报
回复
把你这个文件的代码都放上来看看
清华副校长 2019-01-25
  • 打赏
  • 举报
回复
3楼的还是不行- - 郁闷了
風灬雲 2019-01-25
  • 打赏
  • 举报
回复
success: function(data) { vm.row=data; console.log(JSON.stringify(vm.row)); }, 改成 success: (data)=> { this.row=data; }, 试试
清华副校长 2019-01-25
  • 打赏
  • 举报
回复
没用啊 那个改了也没用
清华副校长 2019-01-25
  • 打赏
  • 举报
回复
还是没用 , 。。。数据是变了的 但是视图就是不更新 我的html是这样的 <div id="app"> <div style="padding: 10px;font-size: 20px;"> 报修信息 <span class="mui-pull-right">单号:{{row.rid}}</span> </div> <ul class="mui-table-view"> <li class="mui-table-view-cell"> 问题: <span>{{row.title}}</span> <span class="mui-badge mui-badge-warning" v-if="row.state==0">未接受</span> <span class="mui-badge mui-badge-primary" v-if="row.state==1">待完工</span> <span class="mui-badge mui-badge-success" v-if="row.state==2">已完工</span> <span class="mui-badge mui-badge-danger" v-if="row.state==3">疑难</span> </li> <li class="mui-table-view-cell"> 地址: <span>{{row.areaItem}} -- {{row.address}}</span> </li> <li class="mui-table-view-cell"> 类别: <span>{{row.categoryItem}}</span> </li> <li class="mui-table-view-cell"> 何时有人: <span>{{row.homestart}} -- {{row.homeend}}</span> </li> <li class="mui-table-view-cell"> 报修人: <span>{{row.name}}</span> </li> <li class="mui-table-view-cell"> 电话: <span>{{row.telephone}}</span> </li> <li class="mui-table-view-cell"> 问题详情: <span>{{row.content}}</span> </li> <li class="mui-table-view-cell"> 维修进度:  </li> </ul>

87,902

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧