v-for在vue中使用v-text设置相应的索引（比如汉字索引）

#app{width:100%;高度：100vh；框大小：边框框；填充：50px；显示：弹性；.card{box-sizing:border-box;填充：25px；宽度：300px；高度：300px；边框：1px实心#e9e9e9；%;高度：25px；字体样式：正常；字体粗细：600；字体大小：24px；行高：25px；}.bottom{宽度：100%；高度：计算（100%-25px）；.bottomContent{margin-top:25px;}}}}问题描述需求，在三张卡片的内容中添加如下索引。先来看一下效果图：解决方案有两种：第一种是在后端返回数据的时候，将对应的索引拼接在数据的前面。（不推荐）二、前端通过v-text处理，前端自己添加。（推荐）思维分析v-text通常好像是这样使用的，即往往是从数据中取值，然后用v-text呈现给页面。如下：//html//jsdata(){return{msg:"Iamthev-textcommand"}}这种情况下，会造成一种错觉,v-Text好像只能用data中的数据。实际上，v-text也可以使用methods方法，或者计算属性。我们来看看具体的代码：html部分js部分（methods写入方法）根据接收到的索引返回对应汉字的索引，写入方法中，直接返回对应我们要呈现的字numToHanZi1(index){//console.log("索引1",索引);if(index==0){return"one,"}elseif(index==1){return"two,"}elseif(index==2){return"three,"}},js部分（计算writing)Computedproperties是要计算的结果，所以需要返回一个箭头函数来进行计算。同时接收参数，需要在箭头函数的形参括号中接收参数numToHanZi1(){//在返回箭头函数中接收参数return(index)=>{if(index==0){返回“一、”；}elseif(index==1){返回“二”；}elseif(index==2){返回“三”；}};},完整代码#app{width:100%;高度：100vh；框大小：边框框；填充：50px；显示：弹性；.card{box-sizing:border-box;填充：25px；宽度：300px；高度：300px；边框：1px实心#e9e9e9；%;高度：25px；字体样式：正常；字体粗细：600；字体大小：24px；行高：25px；}.bottom{宽度：100%；高度：计算（100%-25px）；.bottomContent{margin-top:25px;}}}}总结其实很简单，记住写在methods和写在computed的区别就可以了。思路是这样的，具体问题具体分析看看，其实很多地方的方法和computed的写法都是大体相同的。如果想研究具体数字转汉字的方法，推荐一篇文章，很不错https://www.jb51.net/article/...