formData: { title: '', analysis: "", analysis_find_address: "", analysis_find_address_city: "", analysis_find_address_city_count: "", analysis_find_address_district_count: "", analysis_find_address_province: "", analysis_find_address_province_count: "", // analysis_hashcode: "", analysis_hashtag: "", analysis_info_src_lv_name: "", analysis_mentions: "", analysis_sentiment: "", author: "", bullet_count: "", channel: "", coins_count: "", collection_count: "", content: "", created_at: "", analysis_find_address_province: "", ctime: "", title: '', device: "", duration: "", floor_number: "", gather: "",}像这些字段 后端传过来的没有数据为空 怎么隐藏
时间: 2023-08-12 09:08:09 浏览: 165
您可以使用v-if指令来根据后端传递的数据是否为空来隐藏对应的字段。具体步骤如下:
1. 首先,在需要隐藏的字段上添加v-if指令,并将其绑定到后端传递的数据上,例如:
```html
<p v-if="formData.analysis">{{ formData.analysis }}</p>
```
2. 在Vue.js中,您可以在data属性中定义一个变量来存储后端传递的数据。然后,在模板中使用这个变量进行判断,例如:
```javascript
data() {
return {
formData: {
analysis: null,
// 其他字段...
}
};
}
```
3. 现在,您可以使用computed属性来判断后端传递的数据是否为空,并将结果保存在一个新的变量中。然后,您可以在模板中使用这个变量来控制是否显示该字段,例如:
```javascript
computed: {
isAnalysisEmpty() {
return !this.formData.analysis;
}
}
```
4. 最后,在模板中使用v-if指令来根据isAnalysisEmpty变量的值来决定是否显示该字段,例如:
```html
<p v-if="!isAnalysisEmpty">{{ formData.analysis }}</p>
```
通过这样的方式,如果后端传递的数据为空,对应的字段将被隐藏。您可以按照上述步骤为其他需要隐藏的字段进行设置。
阅读全文