uni-app,vue計算管道計算函數(shù),運算函數(shù)的使用方法

<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米';
        }
    },}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容