Vue表单输入绑定（文本框和复选框）

最新推荐文章于 2023-12-30 08:15:00 发布

bo o ya ka

最新推荐文章于 2023-12-30 08:15:00 发布

阅读量726

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wangshuang123/p/10777738.html

版权

本文介绍了Vue.js中如何实现表单输入绑定，包括文本框和复选框的示例。通过v-model指令，演示了单个文本框和多行文本输入的实时数据绑定，以及单个和多个复选框的双向绑定。

摘要由CSDN通过智能技术生成

文本框

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>表单输入绑定</title>
   </head>
   <body>

       <div id='app'>
           
           <label>姓名是:</label>
           <input v-model="message1" placeholder="请输入" />

           
           <p>多行文本</p>
           <textarea v-model="message2" placeholder="多行文本"></textarea>
           </div>
       </div>

       <script src="vue.js"></script>
       <script>
           var app1 = new Vue({
               el: "#app",

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

bo o ya ka

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue表单输入绑定（文本框和复选框）

文本框<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单输入绑定</title> </head> <body> <div id='app'> ...
复制链接

扫一扫