modal ajax,在Modal中调用Vue.js AJAX

我正在尝试弹出一个信用卡详细信息的模式.详细信息来自AJAX请求.由于某种原因,根Vue实例正在更新,但组件实例不是.这就是我目前所拥有的 -

HTML:

View Card Details

Vue JS:

Vue.component('card-details', {

template: '

@{{message}}

// data is technically a function, so Vue won't

// complain, but we return the same object

// reference for each component instance

props: ['message', 'cardid']

}),

new Vue({

el: '#ccdetails',

data: {

cardid: '',

message: ''

methods: {

getCCDetails: function (id) {

console.log(id)

console.log('calling function')

axios.get('/card/'.concat(id))

.then(function (response) {

this.message = JSON.stringify(response.data)

}.bind(this))

.catch(function (error) {

return this.message = 'Sorry there was an error'

}.bind(this));

}

})

对于输出,Root实例已经cardid = undefined和message = the output我想要了.我的cardDetails实例的cardid值正确但是message = undefined.

modal ajax,在Modal中调用Vue.js AJAX相关推荐

vue.js视频课程_在此免费课程中学习Vue.js！ ✨
vue.js视频课程 by ZAYDEK 由ZAYDEK 在此免费课程中学习Vue.js! ✨ (Learn Vue.js in this free course! ?✨) 让我们做点Vueseful ...
在HTML中使用Vue.js
在非前后端项目中做页面时, 现在时常是只由后端人员一手开发, 在html或ftl文件中写js和 jquery总是令后端开发者如鲠在喉, 此时若能引入vue或者angular将极大提升开发效率(一般来说 ...
Js文件中调用其它Js函数的方法（转）
2019独角兽企业重金招聘Python工程师标准>>> Js文件中调用其它Js函数的方法在项目开发过程中,也许你会遇这样的情况.在某一Js文件中需要完成某一功能,但这一功能的大部分 ...
Js文件中调用其它Js函数的方法
2019独角兽企业重金招聘Python工程师标准>>> Js文件中调用其它Js函数的方法在项目开发过程中,也许你会遇这样的情况.在某一Js文件中需要完成某一功能,但这一功能的大部分 ...
html用ajax做三级联动,怎样使用JS+AJAX做出三级联动
这次给大家带来怎样使用JS+AJAX做出三级联动,使用JS+AJAX做出三级联动的注意事项有哪些,下面就是实战案例,一起来看一下. js 三级联动的实现代码如下所示: js原生ajax -请选择省/ ...
在ASP.NET Core 3.1 MVC中集成Vue.js V4和使用Dropzone文件上传
目录介绍先决条件 Node.js的介绍您已经安装了Node.js/NPM吗? Node/ NPM版本相关的常见错误 Vue.js简介安装Vue.js V4 NET Core介绍安装Visua ...
在django中使用vue.js需要注意的地方
有接口如下: http://127.0.0.1:8000/info/schemes/ 返回json数据: [{"name": "(山上双人标准间)黄山经典二日游(魅力黄山 ...
laravel ajax vue6,详解用vue.js和laravel实现微信支付
注:此项是微信公众号开发,请在往下看之前,先实现网页微信授权登陆功能,具体参看我简书的另一篇文章:https://www.jb51.net/article/117004.htm 1.打开app/con ...
在 HTML 中引入 vue.js 写页面
突然说要写两个页面(只有两个页面,不是一个完整的项目..),有点懵,不知道从哪下手,而且只对 vue 熟悉那么一丢丢,其他框架不是很熟悉.但是没办法鸭,只能硬着头皮去做了!在这里做一下笔记. 一.前期 ...

modal ajax,在Modal中调用Vue.js AJAX

View Card Details

modal ajax,在Modal中调用Vue.js AJAX相关推荐

最新文章

热门文章