filters獲取data中的資料

2021-09-29 10:31:40 字數 693 閱讀 9951

filter獲取data中資料

在使用vue的過濾器來格式化文字顯示時,若直接獲取vue中的data中的資料會報錯。上網查了下,在vue的filters中使用this引用data中的資料是無法獲取的。因為filters中的this指的並非vue的例項。但通過一下方法可以使用。

第一種方式:申明全域性變數,改變this方法。

在對應的元件中申明全域性變數

在beforecreated申明週期中修改this的指向,並在filters中使用。就可以獲取data中申明的options陣列的值

第2種方式:可以直接給filter傳遞引數。

}此處的menulist是data中的資料

/**

* 格式化主題型別

* @param value 格式化數字

* @param options 查詢所有主題陣列

*/formattype(value, options)

});return typename;

},

vue中filters的使用

在vue中有的需要根據判斷條件展示資料就是要用到filters div 得到的就是1 div template export default filters script style 在vue 中使用filters注意在filters中不能使用this.arr的方式來獲取data中的資料這樣會有th...

獲取data 屬性值

下面就詳細介紹四種方法獲取data 屬性的值 getid data id 122 data vice id 11 獲取id 需要獲取的就是data id和dtat vice id的值 一 getattribute 方法 const getid document.getelementbyid geti...

vue中如何雙迴圈 v for 獲取data中的值

雙層迴圈獲取data中的值 在寫demo的時候,需要列印日誌,而後台的介面資料是多個包含鍵值對的陣列如 在使用vue開發頁面後,就不想使用傳統的從介面獲取資料後,通過for迴圈獲取每個值得資料,那麼vue中是否可以簡化此步驟?答案是肯定有的,vue中可通過v for獲取data中的資料,data中的...