div中使用V-FOR vue与elementui

V-FOR使用

<div v-for="(item,index) in arrayText"
           :key="index">
     <span>{
  
  {index + 1}}</span>
     <span class="text-name">{
  
  {item.text}}</span>
     <span>{
  
  {item.time}}</span>
     <el-divider></el-divider>
</div>

data () {
    return {
      arrayText: [
        {
          text: '今天天气不错，灶门祢豆子、灶门炭治郎、吾妻善逸、蝴蝶叶枝，你最喜欢谁？',
          time: '2022-12-06'
        },
        {
          text: '今天天气不错，灶门祢豆子、灶门炭治郎，你最喜欢谁？',
          time: '2022-12-06'
        }
      ]} }

效果如下：