我在一个小网站上工作，很难显示空字符串（如果客户没有地址2或地址3信息，则为空白）。客户可以创建一个帐户，当他们最初填写他们的业务地址时，他们可以省略不适用于他们的信息。就像这样：

business name
address 1
address 2
address 3
city, state, zip

假设客户填写了以下信息：

Jonnys biz
123 Bear Lane
Seattle, WA 98119

在Vue中，我相信没有使用的字段（即地址2，地址3）会作为字符串'null'发送到后端。
因此，在我的网站上，如果客户没有填写他们的地址2，地址3信息将如下所示：

Jonnys biz
123 Bear Lane
null
null
Seattle, WA 98119

我希望地址看起来像这样：

Jonnys biz
123 Bear Lane
Seattle, WA 98119

下面是我修改的一些代码。

<v-col v-if="acctdetails.BusName" cols="12">
  <v-row justify="center">{{acctdetails.BusName}}</v-row>
</v-col>
<v-col v-if="acctdetails.LocAdr1" cols="12">
  <v-row justify="center">{{acctdetails.LocAdr1}}</v-row>
</v-col>
<v-col v-if="acctdetails.LocAdr2 === 'null' || 'Null'" cols="12">
  <v-row justify="center"></v-row> //display empty string
</v-col>
<v-col v-else-if="acctdetails.LocAdr2" cols="12">
  <v-row justify="center">{{acctdetails.LocAdr2}}</v-row>
</v-col>
<v-col v-if="acctdetails.LocAdr3 === 'null' || 'Null'" cols="12">
  <v-row justify="center"></v-row> //display empty string
</v-col>
<v-col v-else-if="acctdetails.LocAdr3" cols="12">
  <v-row justify="center">{{acctdetails.LocAdr3}}</v-row>
</v-col>
<v-col cols="12">
  <v-row justify="center" v-if="acctdetails.BusName">
    {{acctdetails.LocCity}} {{acctdetails.LocState}} {{acctdetails.LocZip}}

  </v-row>
</v-col>
</v-col>

用这段代码做一些测试，如果地址2为null，则返回空格。
然而，当我为地址2输入“Suite B”时，它仍然返回“null”。我验证了地址2有一个值，因为我手动将此数据插入数据库表中。
用这段代码。如果客户像这样输入他们的数据：

Jonny biz
123 Bear Lane
Suite B
Seattle, WA 98119

我的页面显示如下数据：

Jonny biz
123 Bear Lane

Seattle, WA 98119