uni-app定义一个删除按钮，具有点击删除此文本的功能

UniApp 中定义一个删除按钮通常涉及使用 Vue 的模板语法以及事件处理机制。首先，你需要在 HTML 部分添加一个按钮元素，并绑定一个 click 事件到一个方法上，这个方法会执行实际的删除操作。

<template>
  <view>
    <!-- 假设你有一个名为`texts`的数据数组存储文本 -->
    <each :items="texts" :key="index">
      <text v-if="index !== 0" @click="deleteText(index)">删除</text>
      <text>{{ item }}</text> <!-- 文本内容 -->
    </each>
    <button v-if="texts.length > 0" @click="deleteLastText">删除最后一个</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      texts: ['这是第一行', '这是第二行'], // 初始化数据
    };
  },
  methods: {
    deleteText(index) {
      this.texts.splice(index, 1); // 使用数组的 splice 方法删除指定位置的元素
    },
    deleteLastText() {
      this.texts.pop(); // 删除最后一个元素
    },
  },
};
</script>

在这个例子中，当用户点击每个文本前的“删除”按钮时，对应的文本将通过 `deleteText` 方法从数组中移除。如果还有一个单独的“删除最后一个”按钮，它会在所有文本都被删除时仍然可见，用于清除整个列表。