vue怎么将文本内容点击按钮确定放到数组

在 Vue.js 中，你可以使用 `v-model` 和 JavaScript 方法来实现这样的功能。假设你有一个数组（例如 `items`）你想用来存储用户的输入，以及一个按钮（例如 `.btn`）触发添加操作。以下是一个简单的步骤说明：

1. 首先，在模板（HTML）中，定义一个输入框和一个按钮：

<template>
  <div>
    <input v-model="newItem" type="text">
    <button @click="addToList">确定</button>
    <ul>
      <li v-for="(item, index) in items" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

2. 在对应的 Vue 实例中，初始化数据并定义方法：

<script>
export default {
  data() {
    return {
      newItem: '',
      items: [], // 存放文本内容的数组
    };
  },
  methods: {
    addToList() {
      if (this.newItem.trim()) { // 检查是否有输入内容
        this.items.push(this.newItem); // 将新内容添加到数组
        this.newItem = ''; // 清空输入框
      }
    },
  },
};
</script>

在这个例子中，当你点击“确定”按钮时，如果输入框中有内容（去除首尾空格），就会将输入的内容添加到`items`数组中，然后清空输入框。

如果你想让这个输入框支持多次输入并动态显示，记得在循环渲染列表的地方使用`items`而不是`newItem`。