如何用Vue.js轻松实现地址添加和编辑功能？

本文共计1225个文字，预计阅读时间需要5分钟。

在前期阶段，我们完成了这个地址管理页面的开发，过程中遇到了不少问题。以下是简要记录：

1. 首先加载页面时，通过AJAX从数据库获取数据。

2.数据获取后，动态地在页面中显示。

3.随后...

1、前阶段做了这个地址管理页面，实现的过程中遇到了很多的问题，好在最后实现了，在此记录一下：

首先是加载页面阶段ajax从数据库中获取数据，然后动态的显示在页面中，随后可以点击单个的编辑或删除进行相关操作，可以单击默认地址按钮进行样式切换，默认地址可以没有（单击选中和取消），但是如果设置默认地址则只能设置一个，好，下面我们来一步一步的实现。

2、我这里使用的是Vue.js，页面加载阶段很简单，直接在mounted声明一个方法，然后在方法中调用ajax请求访问数据然后通过v-for循环将数据放入到html元素中即可，这个就不多说了，直接看代码就行了，这篇文章主要是记录一下如何实现点击选中和取消radio，并实现点击过程中样式的切换。