vue計算屬性想要傳入?yún)?shù)如何解決
vue計算屬性想要傳入?yún)?shù)怎么辦
先講解決方案
可以通過return 一個function來實現(xiàn)，在function中傳入想要傳給computed屬性的參數(shù)
<q-icon :name="getIcon(item.icon,index+1)" style="font-size:2em" @click="btnClicked(index+1)"/>
computed:{
getIcon: function(){
return function(iconName, tabIndex){
return `${this.tabNum===tabIndex ? '' : 'o_'}${iconName}`;
}
},
...mapState({
showSearchFriendDialog: 'showSearchFriendDialog',
showChangeAvatarDialog: 'showChangeAvatarDialog',
showCreateGroupDialog: 'showCreateGroupDialog',
user: 'user'
})
},再講一下我遇到的問題
vue的v-bind屬性傳入一個computed函數(shù)，當該函數(shù)帶有參數(shù)的時候， 瀏覽器報錯，當不帶有參數(shù)的時候正常執(zhí)行
下面這樣解決
vue計算屬性computed使用注意事項(有緩存)
當我們在模板中來顯示一份經(jīng)過對數(shù)據(jù)項進行復(fù)雜計算之后的結(jié)果時，我們有兩種解決方案：
(1) 計算屬性
(2) 函數(shù)
應(yīng)該如何選擇？
(1)methods定義函數(shù)，如果在模板中使用，每使用一次，就相當于調(diào)用了一次，處理邏輯會重新執(zhí)行。
(2)computed定義計算屬性，如果在模板中使用，使用多次，但是如果依賴的數(shù)據(jù)不發(fā)生改變，計算屬性對應(yīng)的函數(shù)不會重新執(zhí)行。
(3)計算屬性會做緩存，提高渲染的性能。
結(jié)論：
計算屬性有緩存，提高渲染性能。
如果在頁面上需要用到 對現(xiàn)有的數(shù)據(jù)進行加工得到新數(shù)據(jù)，則時要使用計算屬性
想要給計算屬性賦值, 則需要使用set方法
注意事項：計算屬性和data一樣,都需要設(shè)置return,當沒有輸出結(jié)果時,需要排查是不是return漏掉了
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue中使用el-table組件checkbox進行分頁多選，回顯、切換分頁記住上一頁所勾選和取消的選項(示例代碼)
這篇文章主要介紹了vue中使用el-table組件checkbox進行分頁多選，回顯、切換分頁記住上一頁所勾選和取消的選項本文通過示例代碼給大家介紹的非常詳細,需要的朋友可以參考下2022-12-12
Vue-cli Eslint在vscode里代碼自動格式化的方法
本篇文章主要介紹了Vue-cli Eslint在vscode里代碼自動格式化的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要為大家詳細介紹了vue?Echarts實現(xiàn)儀表盤案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
vue使用element-ui的el-date-picker設(shè)置樣式無效的解決
本文主要介紹了vue使用element-ui的el-date-picker設(shè)置樣式無效的解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-03-03
vue composition-api 封裝組合式函數(shù)的操作方法
在 Vue 應(yīng)用的概念中，“組合式函數(shù)”(Composables) 是一個利用 Vue 的組合式 API 來封裝和復(fù)用有狀態(tài)邏輯的函數(shù)，這篇文章主要介紹了vue composition-api 封裝組合式函數(shù)的操作方法,需要的朋友可以參考下2022-10-10
iView 是一套基于 Vue.js 的開源 UI 組件庫，主要服務(wù)于 PC 界面的中后臺產(chǎn)品。這篇文章主要介紹了在vue項目中引用Iview的方法,需要的朋友可以參考下2018-09-09
這篇文章主要介紹了在vue3中使用jsx語法,下面主要通過對比jsx和template不同語法，來實現(xiàn)同樣的功能，需要的朋友可以參考下2023-03-03
element-plus按需引入后ElMessage與ElLoading在頁面中的使用
這篇文章主要介紹了element-plus按需引入后ElMessage與ElLoading在頁面中的使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了vue.js高德地圖實現(xiàn)熱點圖，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
Vue?基于?vuedraggable?實現(xiàn)選中、拖拽、排序效果
這篇文章主要介紹了Vue?基于?vuedraggable?實現(xiàn)選中、拖拽、排序效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-05-05