vue 如果这条数据存在于rows的数据里，则提示已存在

您好，针对您的问题，我理解您想要实现的功能是在Vue中判断某个数据是否已经存在于rows数组中，如果存在则提示已存在。

以下是一种实现的思路：

1. 在Vue的data中定义一个rows数组和一个变量newData，用于存储新数据和待添加的数据。

2. 在Vue的methods中定义一个函数checkExist，用于判断新数据是否已经存在于rows数组中。可以使用数组的find方法来查找新数据，如果查找到了则说明新数据已经存在，返回true，否则返回false。

3. 在Vue的methods中定义一个函数addData，用于向rows数组中添加新数据。在添加前先调用checkExist函数判断新数据是否已经存在，如果存在则提示已存在，否则使用数组的push方法将新数据添加到rows中。

下面是一份示例代码，供您参考：

<template>
  <div>
    <input type="text" v-model="newData">
    <button @click="addData">添加</button>
    <<p v-if="exist">该数据已存在</p>
    <ul>
      <li v-for="(row, index) in rows" :key="index">{{ row }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      rows: ['A', 'B', 'C'],
      newData: '',
      exist: false
    }
  },
  methods: {
    checkExist() {
      // 使用数组的find方法查找新数据
      const result = this.rows.find(item => item === this.newData)
      if (result) {
        // 如果查找到了则说明新数据已经存在，返回true
        return true
      } else {
        // 否则返回false
        return false
      }
    },
    addData() {
      // 调用checkExist函数判断新数据是否已经存在
      if (this.checkExist()) {
        this.exist = true
      } else {
        // 使用数组的push方法将新数据添加到rows中
        this.rows.push(this.newData)
        this.newData = ''
        this.exist = false
      }
    }
  }
}
</script>

希望这个思路对您有帮助。如果您还有其他问题可以继续问我哦~