javascript - vue 2.0 methods 里ajax生成的数据,怎么赋值给data
ringa_lee
ringa_lee 2017-04-11 11:05:41
[JavaScript讨论组]
     

  • {{pro.price}}
  • {{pro.num}}

var vm = new Vue({ el:'#all', data:{ detail:[ {name:'五档',id:'0',iscur:true}, {name:'单价',id:'1',iscur:false}, {name:'数量',id:'2',iscur:false}, {name:'总价',id:'3',iscur:false}, ], info:{}, }, methods:{ datas: function (type,ext){ $.ajax({ type:"GET", url:"/trade_data", data:{type:type,ext:ext}, datatype:"json", success: function(reslue){ this.info = resule; }.bind(this) }) } } }) 怎么调用显示在页面?ul li 里面显示 ***已解决***:

var vm = new Vue({ el:'#all', data:{ detail:[ {name:'五档',id:'0',iscur:true}, {name:'单价',id:'1',iscur:false}, {name:'数量',id:'2',iscur:false}, {name:'总价',id:'3',iscur:false}, ], info_in:[], info_out:[] }, mounted: function () { var that = this; $.ajax({ type:"GET", url:"/trade_data", data:{type:$_GET['type'],ext:$_GET['ext']}, dataType:"json", success: function(result) { that.info_in=result.in; that.info_out=result.out; } }) } }) 感谢各位回答
ringa_lee
ringa_lee

ringa_lee

全部回复(7)
巴扎黑
***已解决***:

<p class="detail-top">

<ul >
                    
</ul>

</p>
var vm = new Vue({

el:'#all',
data:{
    detail:[
        {name:'五档',id:'0',iscur:true},
        {name:'单价',id:'1',iscur:false},
        {name:'数量',id:'2',iscur:false},
        {name:'总价',id:'3',iscur:false},
    ],
    info_in:[],
    info_out:[]
    
},
mounted: function () {
    var that = this;
    $.ajax({
        type:"GET",
        url:"/trade_data",
        data:{type:$_GET['type'],ext:$_GET['ext']},
        dataType:"json",
        success: function(result) {
            that.info_in=result.in;
            that.info_out=result.out;
        }
    })
}

})

PHP中文网

这不是最基本的示例吗?还是看文档吧。

迷茫

难道是this.data.info = resule;?

怪我咯

同意楼上 @scort 的说法。
这真的是Vue的基础示例啊...
所以还是先把文档先看一遍吧~
Vue官方文档

ringa_lee

如上赋值方式是ok的,没有什么问题。另外有一点需要注意的是对于新增的属性是不具有响应式的额,vue文档中说得很明白。
可见这篇文章的简单说明:https://segmentfault.com/a/11...

天蓬老师
<ul v-for="val in info">
    <li>{{val.xxxx}}</li>
</ul>
ringa_lee

应该是
vm.info = resule

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号