单位转化

最新推荐文章于 2024-06-26 16:41:47 发布

鹿秀儿

最新推荐文章于 2024-06-26 16:41:47 发布

阅读量111

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_49331059/article/details/108773249

版权

笔记专栏收录该内容

27 篇文章 0 订阅

订阅专栏

单位转化

运行结果

在这里插入图片描述

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="demo">
			千米：<input type="text" name="" id="" value="" v-model="qianmi"/>
			米：<input type="text" name="" id="" value="" v-model="mi"/>
		</div>
	</body>
</html>
<script type="text/javascript">
	new Vue({
		el:"#demo",
		data:{
			qianmi:'',
			mi:''
		},
		watch:{
			qianmi:function(newValue,oldValue){
				this.mi=newValue*1000;
			},
			mi:function(newValue,oldValue){
				this.qianmi=newValue/1000;
			}
		}
	})
</script>