这个代码确实可以显示和删除图片 但是图片右上角没有红叉来进行删除图片

如果您希望在图片的右上角显示一个红叉来删除图片，可以通过在图片组件中添加一个删除按钮，并为按钮绑定点击事件来实现。以下是修改后的代码示例：

<template>
  <div class="fb_content">
    <textarea v-model="textVal" @input="handleTextInput" placeholder="请描述一下您的问题"></textarea>
    <div class="fb_tool">
      <button @click="handleChooseImg">+</button>
      <div class="up_img_item" v-for="(item, index) in chooseImgs" :key="index">
        <img :src="item" :style="{ width: '200px', height: '200px' }" :class="{ 'rounded': true }" />
        <span class="delete-btn" @click="handleRemoveImg(index)">×</span>
      </div>
    </div>
  </div>
</template>

<style>
.rounded {
  border-radius: 50%;
}

.delete-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  color: red;
  font-size: 20px;
}
</style>

在上述代码中，我们在每个图片组件的右上角添加了一个 `<span>` 元素，用来展示删除按钮。通过为这个按钮绑定 `@click` 事件，并调用 `handleRemoveImg(index)` 方法来实现删除图片的功能。

请注意，我们为删除按钮设置了一些样式，使其位于图片的右上角，并显示为红色的叉号。

希望这次的修改能满足您的需求！如果还有其他问题，请随时提问。