Advertisement

如何在vue/js中设置指定索引项为默认地址

阅读量:

需求:

在地址信息清单中,一般会预先指定一个默认选项。

1.在进行地址配置时,若已将地址1设为默认状态,随后再将地址2设置为默认地址,则需确保原先的地址1默认标识被取消。

2.系统要求默认地址应始终排列在列表的最前面。

效果图:界面布局采用element-plus框架

image-20220127021911534

步骤概述

add_address代表单个地址对象,而address_list则表示地址的集合。

1.首先,由于默认地址与设为默认选项不能在同一地址中同时显示,因此采用v-ifv-else进行逻辑判断,以确保仅展示其中一个选项。

复制代码
    <el-button>
    <em class="Default" v-if="item.isDefault">默认地址</em>
    	<em  v-else @click="setDefault(index)">设为默认</em>	
    </el-button>
    
    
      
      
      
      
    
  1. 为默认地址设置一个

全部评论 (0)

还没有任何评论哟~