<template>
<view class="uni-product-list">
<view class="uni-product-item" hover-class="uni-list-cell-hover" v-for="(product,index) in productList" :key="index">
<!-- 距離{{juli(index)}} -->
<text class="uni-product-juli" >{{product|juli}}</text> //前邊是數(shù)據(jù) 后邊是方法 數(shù)據(jù)傳給管道的方法進行運算返回
</view>
</view>
</template>
export default {
data() {
return {
},computed:{
},
filters: {
//管道
juli: function (item) {
return item.title;
// // 這里用坐標計算距離即可,模擬數(shù)據(jù)請刪除
return '1'+item.id+'00米';
}
},}
uni-app,vue計算管道計算函數(shù),運算函數(shù)的使用方法
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
相關(guān)閱讀更多精彩內(nèi)容
- 【每天清晨,一點思考,日更原創(chuàng)第046篇】 大家早上好,我是吳老師。 昨天,進入清明小長假的第一天。 清明: 一...