vuejs-Neuling
Verwenden Sie jetzt Vuejs, um die Projekte zu üben, die ich mit Angualrjs durchgeführt habe. Ich kann Filter in Angualrjs wie folgt verwenden: <p class="borderClass infomation-item" ng-repeat="items in newlist|filterByObj: '4 '" ng-if="$index!=0">
<a ui-sref="tv_pro({id:items.programesHistory_id})">
<span ng-bind="items.programesHistory_name"></span>
<p class="cache">{{items.programesHistory_description}}</p>
</a>
</p>
filterByObj寫在js里面然后接收item的值和過濾參數(shù)
在vuejs中貌似只能不能傳遞參數(shù),在v-for中如果寫過慮器
擁有18年軟件開發(fā)和IT教學(xué)經(jīng)驗。曾任多家上市公司技術(shù)總監(jiān)、架構(gòu)師、項目經(jīng)理、高級軟件工程師等職務(wù)。 網(wǎng)絡(luò)人氣名人講師,...
vue里面有個filters過濾器 可以實現(xiàn)你要的
https://vuefe.cn/v2/api/#filters
就像這樣:
// template里面
<p>{{averageMonthPay|fMoney}}</p>
// script里面
name: 'confirm',
filters: {
fMoney(num = 0) {
return (num / 1000).toFixed(2)
}
},
props: {},
data() {}
因為過濾器是一個JavaScript函數(shù),所以你可以這樣做:
<template>
<p class="borderClass infomation-item"v-for="(items, index) in newlist" v-if="index !== 0">
{{items | filterByObj(4) }}
</p>
</template>
<script>
export default {
data () {
newlist: []
},
filters: {
filterByObj(value, number) {
console.log(value, number); //items 4
return value;
}
}
};
</script>