1. 程式人生 > >vue ajax請求資料不更新 解決方案

vue ajax請求資料不更新 解決方案

這個問題  卡我好久,

找到方法了,分享出來吧

舉個簡單例子

<template>
	<div>
    	{{a}}
    </div>
</template>

<script>
	export default {  
		data:function(){
			var m=this;
			return {
				a:1
			}
		},
		mounted:function(){
			var m=this;
			m.ajax();
		},
		methods:{
			ajax:function(){
                           var m=this
				$.ajax({
					type:"get",
					dataType:"json",
					timeout:"30000",
					url:"",
					data: {
						id:1	
					},
					success:function(res){
						var b=2;
						m.a=b//錯誤的
						m.$set(m.a, b)
						
					}
				})
			}
	    },
	}
</script>

<style>
</style>
恩重點 在  m.$set   這裡m就是this了  


好,點不點贊看你了,或者 可以加入 我的 群153181864  前端交流群 ,絕對原創,轉載請附上 本微博連結。

相關推薦

vue ajax請求資料更新 解決方案

這個問題  卡我好久, 找到方法了,分享出來吧 舉個簡單例子 <template> <div> {{a}} </div> </templ

vue路由跳轉資料更新解決

第二次進入頁面,頁面路由引數已經改變,但是頁面內容不會重新整理。 問題原因:在元件mounted鉤子中呼叫的重新整理頁面內容,但測試發現這個鉤子沒有被呼叫。後來發現App.vue中使用了<keep-alive>: <template> <div id="

vue父元件向子元件傳遞非同步載入的資料顯示解決方案

1、父元件 <wxChat :data="wxChatData" :showShade="false" :contac

MySql主從配置檔案問題詳解(資料同步解決方案

一、問題描述 在mysql主從配置搭建好以後,偶爾會出現從庫無法同步主庫資料的情況,經過測試,把產生主從資料不同步的集中情況進行了歸納以及總結,問題如下: 1、主庫丟擲異常, 例如主鍵衝突等情況,這是主從配置就會失效,叢庫就無法同步主庫的資料了。如下

Redis和DB資料一致解決方案

大多情況下,我們使用快取都是這樣的策略:先讀快取,讀取不到就讀資料庫然後同步到快取中。 問題出現場景 問題就是在併發訪問中,不論是先寫庫,再刪除快取;還是先刪快取,再寫庫,都有可能出現數據不一致的情況 1、在併發中是無法保證讀寫的先後順序的,如果刪掉了

vue陣列中資料變化但是檢視沒有更新解決方案

原文連結:http://www.cnblogs.com/sufubo/p/6906261.html#undefined 問題:在vue專案中,我更改陣列中的某一條資料,直接arr[i]=newVal ,發現頁面上陣列沒有實時重新整理; 檢視官網發現: 陣列更新檢測 變異方法 Vue 包含一組觀察陣列

vue 物件陣列的值更改後,資料更新解決辦法

this.$set(this.list[index],  'show', value) 注意: 這樣賦值需要在第一次更改(除宣告外)this.list[index].show的時候就用$set,若是之前就直接賦值,後面再用$set不會生效。

IE瀏覽器下AJAX快取問題導致資料更新解決辦法

描述 做專案時遇到的問題: 通過AJAX請求後臺時,當引數相同,IE瀏覽器會從快取中取值而非從重新請求伺服器。其他使用非IE核心的瀏覽器並無此問題。 解決 有兩種解決辦法; 其一: 在AJAX請求

vue打包後,接口請求404的完美解決方案

修改 後臺 完美解決 保存 跨域 pass rem nginx set 在開發環境中,和後臺對接為了解決跨域問題,使用了代理,也就是vue的proxyTable,但是打包放到生產環境中去時,接口請求不到,404,原因是開發環境的代理並不能用到生產環境,但是直接在請求接口是使

關於ajax請求資料,並將資料賦值給全域性變數的一些解決方法

在使用ajax請求資料是,開始的時候是打算將ajax的資料取出,並賦予給全域性變數,但是在實際編碼過程中發現並不能將資料賦予給最開始定義的全域性變數,出現這個問題的原因是由於ajax非同步載入的原因,所以只能用其他方法來解決,下來是解決的方法 第一個解決方法沒有使用全域性變數,直接在ajax請求中將請求到的

Vue.js 通過jQuery ajax獲取資料實現更新後重新渲染頁面

1. 引入jquery和vue.js <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script

axios進行ajax請求資料,cookie無法攜帶問題

這個坑也是很早之前踩過,今天做專案的時候居然忘了,怎麼都拿不到資料,果然好記性不如爛筆頭,決定寫篇部落格來祭奠下我的豬腦子:         原因可能就是你傳送請求的時候,需要設定cookie,然而你的cookie並沒有傳送到後端,這種情況要在配引數的

android全面屏顯示解決方案更新中...】

一、宣告最大螢幕縱橫比(官方適配方案) Android官方提供了適配方案,即提高App所支援的最大螢幕縱橫比,實現很簡單,在AndroidManifest.xml中可做如下配置: <meta-data android:name="android.max_aspect"

Mysql查詢的資料和顯示的資料時區一致解決方案

前言:在設定mysql時區生效後,查詢的資料顯示的時區是正確的,但是navicat中顯示的資料有差別 一、檢視MySQL當前時區、如果不是北京時間-東八區、要重新設定下或者修改Mysql的配置檔案、新增一條北京時區的配置 show variables like "%time_zone%"; se

解決vue開發請求資料跨域的問題(基於瀏覽器的配置解決)

    在用vue做前端開發的時候,因為一般跑vue使用的webpack自帶的node服務,而我們實際要使用的資料確是後臺伺服器上的,所以這就涉及到伺服器請求跨域的問題。本來在諸如axios之類的網路請求引數裡面配置 withCredentials: true, 就可以解

ajax請求資料包括陣列,後臺獲取資料

參考: https://blog.csdn.net/jinyangbest/article/details/80079425 內容不貼 簡單記一下: 問題: ajax向後臺傳遞資料;將陣列包裝到json中傳遞,會發生在後臺獲取不到值的情況; 如: var ids=[1,2,3

IDEA webapp資料識別解決方案

問題: 新建的maven專案,webapp資料夾也是在建立完專案後手動新增的,出現了webapp資料夾不能被識別的情況,如下圖: 解決方法: 只需要配置一下,將webapp資料夾關聯上就可以了

vue中axios請求payload的暴力解決方案

  去年公司做了一個小程式商城專案,運營了一段時間決定再次開發一個H5商城,用於微信好友之間的分享以及app內的巢狀,於是便開了一個vue專案,介面大多都是複用小程式的。  在做專案的過程中本人遇到一個由axios導致的問題——後臺介面拿不到請求的引數。因為介面都是之前寫好的

vue-resource POST請求 報400錯誤解決方案

相關技術 SpringMVC vue-resource 問題描述 使用ajax向後端傳送POST請求成功,但是改用vue-resource傳送POST請求一直出現400 Bad Request 錯誤,程式碼及錯誤如下: 後端程式碼 AJAX正常請求

區分大小寫的輸入和ajax請求資料

function invitation_list(code){ //邀請碼(英文字母大寫) if (code == null || code == "") { invitation_val = $("#invitation_val").val