首页 > 其他 > 详细

怎样将写入到input框中的数据显示到页面上

时间:2019-10-19 11:16:04      阅读:156      评论:0      收藏:0      [点我收藏+]

我自己刚刚学的vue框架,发现一个比较实用的小功能

那就是vue框架中的  v-model 

为啥说实用呢?我个人认为vue的这个将输入到<input>标签的内容显示到页面上是比较简单的,但是只要发在同一个<div>下就可以做到,很方便很实用

<div id="app5">
            <div>
            <p style="font-size: 40px;">{{message}}</p>
            </div>
            <input class="ass" v-model="message" value="a" />
        </div>

像这种,只要在id=app5下,就可以做到,那么 可以理解为在这个模块里,我们可以将他们分开放,只需要保证在id=app5下边就可以了,

js代码:

var app5 = new Vue({
            el:‘#app5‘,
            data:{
                message:‘你好吖渣渣‘
            }
        })

 

怎样将写入到input框中的数据显示到页面上

原文:https://www.cnblogs.com/a973692898/p/11703110.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!