前端代码实现vue查询的数据根据请求条件渲染某字段为'-'

假设你的数据是通过接口获取的，那么可以在 Vue 实例中定义一个 data 属性存储获取到的数据，然后使用 computed 或者 watch 监听请求条件的变化，根据条件渲染某字段。

具体代码实现如下：

1. 定义 data 属性存储获取到的数据

data() {
  return {
    list: [] // 存储获取到的列表数据
  }
},

2. 在页面中使用 v-for 渲染列表，根据请求条件渲染字段

<template>
  <div>
    <ul>
      <li v-for="item in filteredList">{{ item.name }}</li>
    </ul>
  </div>
</template>

computed: {
  // 根据请求条件过滤数据并渲染字段
  filteredList() {
    return this.list.map(item => {
      if (item.condition === 'xxx') {
        item.name = '-'
      }
      return item
    })
  }
}

3. 使用 axios 发送请求获取数据

mounted() {
  axios.get('/api/list').then(res => {
    this.list = res.data
  })
}

其中，`list` 是存储获取到的列表数据的数组，`filteredList` 是根据请求条件过滤数据并渲染字段后的数组。在 `filteredList` 中，我们可以根据请求条件判断是否需要将字段渲染为 `-`，然后返回一个新的数组。在页面中，我们使用 v-for 渲染 `filteredList` 中的数据，这样就可以根据请求条件渲染某字段为 `-` 了。