vue.js的表单逻辑?

Question

现在的需求是: 用户在编辑的信息从数据库里获取之前注册时的信息并以 placeholder的样式展示出来.然后v-model一个对象,提交表单的时候提交这个本地对象就好

<input type="text" class="tpl-form-input" v-model="add_user.name" :placeholder="set_people.name" id="user-name">
// 这个 set_people是从数据库里得到的.
//这个add_user是绑定本地的一个对象,最后提交表单的时候提交这个对象

如图,最后效果是这样.
问题一: 如果一个控件没有 placeholder属性 比如 最后一个 短信服务是一个checkbox类型.那该怎么展示从服务器获取来的数据呢?
问题二: 当用户什么也不输入时,会出现某个验证错误:比如邮箱不能不空. 这显然不是我想要的.我想要的是如果为空就不判断验证了.

Answer 1

问题1：

1.通过服务器返回值，来控制显示默认选中的checkbox还是默认不选中
2.自己做一个button，服务器返回值来控制是否添加acitve，来显示是否选中，

问题2：

提交的时候，检查值，做一个三元判断，如果值长度为0（即没有输入任何东西）值用placeholder的值，如果不为空就用用户输入的值