Vue完成的数学转换器

NancyYiyi

已于 2022-03-17 11:16:12 修改

阅读量542

点赞数

分类专栏： Vue

于 2022-03-15 19:58:19 首次发布

本文链接：https://blog.youkuaiyun.com/NancyYiyi/article/details/123510640

版权

Vue.js 数据绑定单位转换前端开发 JavaScript

关键词由优快云通过智能技术生成

Vue 专栏收录该内容

3 篇文章

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       
       <script src="js/vue2.6.14/vue.js"></script>
       <title></title>
   </head>
   <body>
       <div id="app">
       米：<input type="text" v-model:value="mi" ><br />
       公里：<input type="text" v-model:value="m" >
               </div>
               <script>
                   var vm = new Vue({
                       el: "#app",
                       data: {
                           mi:0,
                           m:0
                       },
                       watch:{
                           mi(val){
                               this.mi=val;
                               this.m=this.mi/1000;
                           },
                           m(val){
                               this.m=val;
                               this.mi=this.m*1000;
                           }
                       }
                   });
               </script>
   </body>
</html>