• {{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;

}

})

}

})

感谢各位回答

ajax给data赋值,vue 2.0 methods 里ajax生成的数据,怎么赋值给data相关推荐

  1. csharp: ODP.NET,System.Data.OracleClient(.net 4.0) and System.Data.OleDb读取Oracle g 11.2.0的区别...

    ODP.NET: 引用: using Oracle.DataAccess; //Oracle g 11.2.0 using Oracle.DataAccess.Client; using Oracle ...

  2. vue.3.0 dom赋值_Vue 3.0 快速入门

    作为前端开发者,这几天想必大家都看到了Vue3.0的beta版新闻了,是的,尤大大在4.17号微博晒出了Vue3.0的beta链接,不少FEer开始兴奋,不过也有不少其它声音:『我学不动了』.『这不就 ...

  3. [vue] vue中data的属性可以和methods中的方法同名吗?为什么

    [vue] vue中data的属性可以和methods中的方法同名吗?为什么 源码 中的 initData() 方法 if (methods && hasOwn(methods, ke ...

  4. 滴滴 webapp 5.0 Vue 2.0 重构经验分享

    项目背景 滴滴的 webapp 是运行在微信.支付宝.手 Q 以及其它第三方渠道的打车软件.借着产品层面的功能和视觉升级,我们用 Vue 2.0 对它进行了一次技术重构. 技术栈 MVVM框架: Vu ...

  5. 【Vue.js 牛刀小试】:第九章 - 组件基础再探(data、props)

    系列目录地址 一.基础知识概览 第一章 - 一些基础概念(posted at 2018-10-31) 第二章 - 常见的指令的使用(posted at 2018-11-01) 第三章 - 事件修饰符的 ...

  6. 看完后完全了解 Vue 2.0 和 Vue 3.0 的区别

    1.数据的双向绑定 Vue2.0使用Object.defineProperty 原理:通过使用 Object.defineProperty 来劫持对象属性的 geter 和 seter 操作,当数据发 ...

  7. Vue 2.0 起步 (3) 数据流 vuex 和 LocalStorage 实例 - 微信公众号 RSS

    参考: Vue 2.0 起步(2) 组件及vue-router实例 - 微信公众号RSS Vue 2.0 起步(1) 脚手架工具vue-cli + Webstorm 2016 + webpack 本篇 ...

  8. 六十五、vue生命周期和发送Ajax请求

    vue生命周期和发送Ajax请求 一 vue生命周期介绍 二 vue生命周期钩子函数 三 测试 三 发送Ajax请求 四 计算属性 五 监听属性 一 vue生命周期介绍 每个 Vue 实例在被创建时都 ...

  9. vue 1.0和vue 2.0的变化和区别

    一.在每个组件模板,不在支持片段代码 vue 1.0是 <template><h3>我是组件</h3><strong>我是加粗标签</strong ...

最新文章

  1. annotationdriven
  2. IBM希望其“裁剪”过的Swift能够引诱你使用BlueMix云
  3. Valid Number
  4. 手机站的view.php,织梦网站文章内容页动态地址plus/view.php路径修改
  5. android studio抛出,Android Studio中新的项目不能运行,抛出错误(Android Studio new pr
  6. nodejs的mysql模块_Nodejs的mysql模块学习(一)
  7. Halcon教程十三:图像预处理
  8. 接口测试--接口基础概念、HTTP协议、接口测试风格、接口测试流程
  9. 开根号的几类算法总结
  10. 多元线性回归—异方差
  11. Not showing null elements
  12. 计算机显示应用程序错误窗口,电脑出现应用程序错误窗口怎么办
  13. python-patterns
  14. 高中电子技术——万用表的表笔接法(指针式和数字式)
  15. h5 c3 特效网站
  16. linux编译内核卡住,kernel启动卡住
  17. QLU ACM2018新生赛
  18. Unity初学:制作2D小游戏Sunny Land 1.游戏背景场景添加
  19. 洗衣机水位传感器原理:检测水位频率
  20. onload与ready方法的区别

热门文章

  1. MPEG-LA发布VVC专利池
  2. 快手QoE指标设计的分析初探
  3. map/set/multi_map/multi_set/unorder_map/unorder_set总结
  4. 三种CDN调度系统实现原理详解
  5. 高可用架构设计之道,实战案例直面流量洪峰
  6. VT-x/AMD-V 硬件加速器已被启动,但当前处于无效状态
  7. java spring-webflux netty
  8. TensorFlow, PyTorch, Caffe2的比较
  9. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! iview-admin@2.0.0 dev: `vue-cli-service serve
  10. C语言 数据结构 链表的增删查改