Javascript (item.area_partition.homepage_show | | item.area_partition.name)不符合我的要求

Javascript (item.area_partition.homepage_show | | item.area_partition.name)不符合我的要求,javascript,vue.js,Javascript,Vue.js,我有一段代码: <Col span="8" v-for="(item,index) in this.data" > <Card> <p slot="title" style="">{{ item.area_partition.homepage_show || item.area_partition.name }} </p>

我有一段代码:

        <Col
          span="8"
          v-for="(item,index) in this.data"
        >
          <Card>
            <p slot="title" style="">{{ item.area_partition.homepage_show || item.area_partition.name }} </p> 
            <div>
              <Row :gutter="5">
                <Col span="12"  :key='index'>
                <Card :padding='5' class='business-type'>
                  <router-link to="/home/aftersale_physicalserver_workpanel/true/+ (item.area_partition.homepage_show || item.area_partition.name)"> # there do not get my requirement.
                    <span class="icon">
                      <Icon type="ios-barcode" :size='28' color='#ff9900'></Icon>
                    </span>
但是
路由器链接
不是我的要求:

<router-link to="/home/aftersale_physicalserver_workpanel/true/+ (item.area_partition.homepage_show || item.area_partition.name)">
"/home/aftersale_physicalserver_workpanel/true/+ (item.area_partition.homepage_show || item.area_partition.name)" 

我的要求是,如果
项.area\u partition.homepage\u show
不为空,请添加它。如果为空,应使用
/home/aftersale\u physicalserver\u workpanel/true/+item.area\u partition.name

例如,当对象(项)没有属性area\u partition时,可能会发生这种情况

如何实现我的要求?
"/home/aftersale_physicalserver_workpanel/true/+ (item.area_partition.homepage_show || item.area_partition.name)"