1
我想從Vue的HTML文件中發送get
方法。我的代碼如下:Vue如何使用get方法
<html>
<head>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="myDiv">
<p>{{something}}</p>
</div>
</body>
<script>
new Vue({
el: '#myDiv',
data: function(){
return{
something: ''
}
},
ready: function(){
this.getValue();
},
methods: {
getValue: function(){
var value = value;
this.$http.get('https://jsonplaceholder.typicode.com/posts/1')
.success(function(value){
this.$set('value',value);
})
.error(function(err){
value.log(err);
});
}
}
});
</script>
</html>
怎麼可能把響應在something
在div
與id="myDiv"
就像串? (例如json
:
{
"name":"Jon",
"age":1
}
有控制檯沒有錯誤,但我的屏幕是完全空白
@Update: 結果是:
@ UPDATE2 我的HTML文件(通過您的代碼):
<html>
<head>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="myDiv">
<div v-if="response.userId">
{{ response.userId }}
{{ response.id }}
{{ response.title }}
{{ response.body }}
</div>
<div v-if="response.error">
<p>Request failed</p>
</div>
</div>
</body>
<script>
var vm = new Vue({
el: '#myDiv',
data: {
response: {}
},
created() {
this
.$http
.get('https://jsonplaceholder.typicode.com/posts/1')
.then(function(response) {
console.log(response)
this.$set('response', response.data)
})
}
});
</script>
</html>
我用你的代碼,但結果是:'{{response.message}} {{response.status}} {{response.error}}' – littlewombat
更新了答案@littlewombat –
我把結果放在我的文章中 – littlewombat