資訊專欄INFORMATION COLUMN
最近在看vue框架的知識，然后其中有個例子中的this的寫法讓我很疑惑
Page Title
search:
-
{{index}} --- {{p.name}} --- {{p.age}}
在這堆代碼中的filterPerson函數的第一行進行了this的賦值，創建了一個對象賦給了一個常量
在一些教程中表示這是取出要用的數據
其實算是簡化操作，因為后面我將其注釋掉，然后在每個變量前面加上this依舊可以跑起來
computed: {
filterPersons() {
// 取出相關的數據
// const {
// searchName,
// persons,
// orderType
// } = this;
let flag;
flag = this.persons.filter(p => p.name.indexOf(this.searchName) !== -1);
if (this.orderType !== 0) {
flag.sort(function (p1, p2) {
if (this.orderType === 2) {
return p2.age - p1.age;
} else {
return p1.age - p2.age;
}
});
}
return flag;
}
}
所以，在這個地方是運用了ES6的解構賦值, 將想要用的數據作為賦給括號內的變量, 在函數中本身沒有這幾個變量，所以直接在函數內部使用是會報錯的，因此需要去外面的vue實例中獲取。這樣做可以少寫一些this
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102555.html
摘要：取到里面的偶數位的值在計算屬性不適用的情況下例如，在嵌套循環中你可以使用一個方法一段取值范圍的也可以取整數。 列表渲染 v-for v-for可以把數據中的一個數組對應為一組元素v-for 指令需要以 item in items 形式的特殊語法， items 是源數據數組并且 item 是數組元素迭代的別名。 {{item.text}} data:{ items:[ ...
摘要：社區的認可目前已經是相關最多的開源項目了，體現出了社區對其的認可。監聽事件手動維護列表這樣我們就簡單的完成了拖拽排序。 完整項目地址：vue-element-admin 系類文章一：手摸手，帶你用vue擼后臺 系列一(基礎篇)系類文章二：手摸手，帶你用vue擼后臺 系列二(登錄權限篇)系類文章三：手摸手，帶你用vue擼后臺 系列三(實戰篇）系類文章四：手摸手，帶你用vue擼后臺 系列...
閱讀 2335·2023-04-25 14:29
閱讀 1457·2021-11-22 09:34
閱讀 2702·2021-11-22 09:34
閱讀 3392·2021-11-11 10:59
閱讀 1851·2021-09-26 09:46
閱讀 2223·2021-09-22 16:03
閱讀 1921·2019-08-30 12:56
閱讀 479·2019-08-30 11:12
