vue 可以直接在双花括号里写一个方法然后把for循环的值传进去,通过函数处理后显示需要的值

在小程序无法识别,请问该如何解决??

代码实例 大概就是这个意思. 实际的话 list 是请求获得.

<view wx:for="{{list}}" wx:key="index">
  <view>
  -----  {{ idd(item.id) }}-----
  </view>
</view>


const app = getApp()
Page({
  data: {
    list: [1, 2, 3]
  },
  onLoad: function () {},
  // 事件处理函数
  idd(id) {
    switch (id) {
      case 1:
        return "苹果";
        break;
      case 2:
        return "西瓜";
        break;
      case 3:
        return "橘子";
        break;
    }
  },
})