问

javascript - vue 2.0 methods 里ajax生成的数据，怎么赋值给data

手机用户2502869023 发布于 2022-11-27 14:04

     
        
                                      
            {{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;
            }
        })
    }
 })
    
    感谢各位回答

7 个回答

应该是
vm.info = resule

2022-11-27 14:58 回答

大海2502902497

<ul v-for="val in info">
    <li>{{val.xxxx}}</li>
</ul>

2022-11-27 14:58 回答

黯嘫吢碎1984rv

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

2022-11-27 14:58 回答

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

2022-11-27 14:58 回答

jtzhn_146_607
难道是this.data.info = resule;？

2022-11-27 14:58 回答

初夏mx
这不是最基本的示例吗？还是看文档吧。

2022-11-27 14:58 回答

Mr---Nic

***已解决***：

<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;
        }
    })
}

})

2022-11-27 14:58 回答

1031372720_eba8d5

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签