uniapp模板遍历不能调用方法如何办

什么是uniapp?

uni-app是一个基于Vue.js的开源跨平台框架，支持多端发布，包括H5、小程序、App等主流平台，开发者使用uni-app可以高效地开发跨平台应用，并且可以完美的接入原生 API，具有低成本、高质量、快速开发的优势。

uniapp模板遍历

在uniapp中模板遍历需要使用v-for指令进行实现，如下面的代码所示：

<view v-for="(item,index) in list" :key="index">{{item}}

这段代码中，v-for指令的含义是：遍历list数组中的每个元素，将元素及索引值分别赋值给item和index，并在模板中使用{{item}}的方式替换模板中的内容。需要注意的是，v-for指令必须同时设置“key”属性，这样可以提高渲染性能，减少重复渲染。


uniapp模板遍历不能调用方法的问题

当我们尝试在模板中遍历列表，并调用一个方法时，可能会发现方法并未被调用，这是因为在模板中使用方法时，需要使用“（）”将方法名括起来。比如下面的代码就是一个错误的示范：

<view v-for="item in list" :key="item.id">{{formatName item.name}}

这段代码中，formatName是一个处理字符串的方法，但是它并未被调用。
正确的写法应该是：

<view v-for="item in list" :key="item.id">{{formatName(item.name)}}

这样，我们就能成功调用formatName方法了。


总结

在uniapp中，模板遍历是非常常见的操作，它可以帮助我们快速地展示列表等数据。在遍历的过程中，需要注意使用“key”属性，这可以提高列表渲染的性能。此外，在模板中使用方法时，需要使用“（）”将方法名括起来，不然方法不会被调用。