首页 > 其他 > 详细

vue--监听属性完成大小写字母间的转换

时间:2018-12-10 20:06:53      阅读:348      评论:0      收藏:0      [点我收藏+]
     <script type="text/javascript">
        window.onload = function(){
            var app = new Vue({
                el:"#app",
                data:{
                upp:0,
                low:0
            },
            watch:{
                upp:function(val){
                this.upp = val;
                this.low = val.toLowerCase();
            },
                low:function(val){     
                this.low = val;
                this.upp = val.toUpperCase();
            }
          }
         });
     
        }
     
       </script>
 
vue代码至此就全都写完了,下面要html出场啦!
   <div id="app">

                大写:<input type="text" v-model = "upp" />
               
                小写:<input type="text" v-model = "low"/>
   </div>
 
 
运行效果图:
技术分享图片

 

vue--监听属性完成大小写字母间的转换

原文:https://www.cnblogs.com/lutt/p/10098712.html

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