如何在vue/js中设置指定索引项为默认地址
发布时间
阅读量:
阅读量
需求:
在地址信息清单中,一般会预先指定一个默认选项。
1.在进行地址配置时,若已将地址1设为默认状态,随后再将地址2设置为默认地址,则需确保原先的地址1默认标识被取消。
2.系统要求默认地址应始终排列在列表的最前面。
效果图:界面布局采用element-plus框架

步骤概述
add_address代表单个地址对象,而address_list则表示地址的集合。
1.首先,由于默认地址与设为默认选项不能在同一地址中同时显示,因此采用v-if与v-else进行逻辑判断,以确保仅展示其中一个选项。
<el-button>
<em class="Default" v-if="item.isDefault">默认地址</em>
<em v-else @click="setDefault(index)">设为默认</em>
</el-button>
- 为默认地址设置一个
全部评论 (0)
还没有任何评论哟~
