b-form-tags不正确地渲染了移除按钮。

可能是因为缺少 v-model 或 value 属性。请确保这些属性绑定到你的数据中。以下是一个示例代码片段：

<b-form-tags v-model="selectedFruits" @remove="removeFruit"> <template slot-scope="{tag}"> {{ tag.text }} </template> </b-form-tags>

<script> export default { data() { return { selectedFruits: ['apple', 'banana', 'orange'] } }, methods: { removeFruit(removedFruit) { const index = this.selectedFruits.indexOf(removedFruit) if (index > -1) { this.selectedFruits.splice(index, 1) } } } } </script>

在这个例子中，我们绑定了 v-model="selectedFruits" 属性到我们的 data 对象中。我们还给 b-form-tags 组件添加了一个 @remove 事件监听器，当用户点击 "remove" 按钮时会触发该事件。在该事件处理程序中，我们从 selectedFruits 数组中删除了被移除的水果。