vue中性别表单绑定提交
Posted smile6542
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue中性别表单绑定提交相关的知识，希望对你有一定的参考价值。
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title>Document</title> 9 <script src="../vue.js"></script> 10 </head> 11 12 <body> 13 <div id="app"> 14 <form action="http://www.baidu.com" method="get"> 15 <label for="male"> 16 <input type="radio" value="男" name="sex" id="male" v-model="sex">男 17 </label> 18 <label for="female"> 19 <input type="radio" value="女" name="sex" id="female" v-model="sex">女 20 </label> 21 <h2>你选择的是:{{sex}}</h2> 22 <input type="submit" value="提交"> 23 </form> 24 </div> 25 26 </body> 27 <script> 28 const app = new Vue({ 29 el: " #app ", 30 data() { 31 return { 32 sex: "" 33 } 34 }, 35 }) 36 </script> 37 38 </html>
以上是关于vue中性别表单绑定提交的主要内容，如果未能解决你的问题，请参考以下文章