首页 > 代码库 > Vue表单
Vue表单
gitHub地址: https://github.com/lily1010/vue_learn/tree/master/lesson11
一 vue表单
实在是太简单了,直接来个例子
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Vue表单</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div class="test"> <!--输入框--> <input type="text" v-model="msg"> <br /> <!--单选框--> <input id="mycb1" type="radio" v-model="choose1"> <label for="mycb1">{{choose1}}</label> <!--复选框--> <input id="mycb2" type="checkbox" v-model="choose2"> <label for="mycb2">{{choose2}}</label> <!--Select--> <select v-model="selected"> <option>A</option> <option>B</option> <option>C</option> </select> <span>选中: {{ selected }}</span> </div> <script type="text/javascript"> var vm = new Vue({ el: ".test", data: { msg: ‘我是文本‘, choose1: false, choose2: false, selected:‘‘ } }) </script> </body></html>
Vue表单
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。