vue获取输入数据的后三条数据

在Vue中获取输入数据的后三条数据，你可以按照以下步骤进行操作：

1. 首先，在Vue组件中定义一个`data`属性来存储输入的数据，比如命名为`inputData`。

   data() {
     return {
       inputData: '',
     };
   },

2. 接下来，你可以使用计算属性来获取输入数据的后三条数据。

   computed: {
     lastThreeInputs() {
       if (this.inputData.length > 3) {
         return this.inputData.slice(-3);
       } else {
         return this.inputData;
       }
     },
   },

上述代码中，我们使用了`slice`方法来获取字符串的后三个字符，如果输入数据的长度小于等于3，直接返回整个输入数据。

3. 在模板中使用`lastThreeInputs`计算属性来展示后三条数据。

   <template>
     <div>
       <input v-model="inputData" type="text" />
       <p>{{ lastThreeInputs }}</p>
     </div>
   </template>

上述代码中，我们使用了`v-model`指令将输入框和`inputData`绑定起来，当输入框内容发生变化时，`inputData`会自动更新，从而触发计算属性`lastThreeInputs`的更新。

现在，当你在输入框中输入数据时，页面上会展示出输入数据的后三条数据。