Vue-项目中勾选框、单选框、复选框的简单操作

Vue.js可以很方便的实现数据双向绑定,所以在处理表单,人机交互方面具有很大的优势。下边以单选框、复选框和下拉框为例介绍他们在HTML和Vue.js中的具体实现方式。

一、单选框

在传统的HTML中实现单选框的方法如下:

已选:{{gender}}

二、复选框

在传统的HTML中实现复选框代码如下:

已选:{{person}}

三、下拉框

传统的用HTML构造下拉框的代码如下:

已选:{{selected}}

你可能感兴趣的:(Vue-项目中勾选框、单选框、复选框的简单操作)