<p class="p2">{{scope.row.analysis_sentiment}}</p> <p class="p3">发布地:{{scope.row.user_city}}</p>.p2 { padding: 0 5px; box-sizing: border-box; height: 20px; text-align: center; line-height: 20px; border-radius: 4px; margin: 0 5px; background-color: #a8dfef; color: #0f7898; width: 70px; } .p3 { padding: 0 5px; box-sizing: border-box; height: 20px; text-align: center; width: 120px; line-height: 20px; border-radius: 4px; background-color: #0f7898; color: white; } 怎么if判断如果后端传的数据为空.则隐藏该标签

您可以使用Vue.js中的v-if指令来根据后端传递的数据是否为空来隐藏该标签。具体步骤如下：

1. 首先，在标签上添加v-if指令，并将其绑定到后端传递的数据上，例如：

<p class="p2" v-if="scope.row.analysis_sentiment">{{scope.row.analysis_sentiment}}</p>

2. 在Vue.js中，您可以在data属性中定义一个变量来存储后端传递的数据。然后，在模板中使用这个变量进行判断，例如：

data() {
  return {
    scope: {
      row: {
        analysis_sentiment: null,
        user_city: null
      }
    }
  };
}

3. 现在，您可以使用computed属性来判断后端传递的数据是否为空，并将结果保存在一个新的变量中。然后，您可以在模板中使用这个变量来控制是否显示该标签，例如：

computed: {
  isAnalysisSentimentEmpty() {
    return !this.scope.row.analysis_sentiment;
  }
}

4. 最后，在模板中使用v-if指令来根据isAnalysisSentimentEmpty变量的值来决定是否显示该标签，例如：

<p class="p2" v-if="!isAnalysisSentimentEmpty">{{scope.row.analysis_sentiment}}</p>

通过这样的方式，如果后端传递的数据为空，该标签将被隐藏。