vue 结合JQ ajax 作用域会改变

Posted 2020-09-26 chang

简单的数据表格的功能，   用到了vue 和JQ

// 获取搜索 提示 数据
					getData: function() {
					
						$.post(searchTipUrl, {
							q: this.q
						}, function(data) {
							this.serachUl = true;  // 这里的this 不是vue 的了
							this.myData = data;
							//							console.log(_self.myData.length);
						})
					},

　　

// 获取搜索 提示 数据
					getData: function() {
						var _self = this;   // 所以在这存下来
						$.post(searchTipUrl, {
							q: this.q
						}, function(data) {
							_self.serachUl = true;
							_self.myData = data;
						　　　　console.log(_self.myData.length);
						})
					},

　这算个小的坑的把，

 当然强烈不建议 在VUE 里使用JQ , 请求数据 建议 用vue-resource 或是  axios