Vue指令

最新推荐文章于 2024-07-18 13:56:07 发布

Lin724915

最新推荐文章于 2024-07-18 13:56:07 发布

阅读量296

点赞数

分类专栏： Vue 文章标签： vue.js html 前端

本文链接：https://blog.csdn.net/Lin724915/article/details/122553944

版权

Vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

Vue指令 v-cloak v-text v-html v-bind v-on 的使用

v-cloak

演示插入表达式闪烁问题：

用v-cloak标签来解决插入表达式闪烁的问题：

演示：

v-text v -html 赋值

<body>
		<div id="one" >
			<!--｛｛｝｝不会显示html，会当字符串显示出来，只会替换自已的占位符-->
			<p v-cloak>+++++{{msg2}}------</p>
			<!--不会显示html，会当字符串显示出来，并替换div中的内容-->
			<p v-text="msg2">+++++</p>
		    <!--会显示html，并替换div中的内容-->
			<p v-html="msg2">+++++</p>
		</div>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			  var vm=new Vue({
				  el:'#one',
				  data:{
					  msg:'你好！！！',
					  msg2:'<h1>hello </h1>'
				  }
			  })
		</script>
	</body>

v-bind 用于绑定属性，给属性赋值

v-on 用于事件绑定

v-on 用于事件绑定制作滚动效果

缺点：要手一直点，才能滚动起来，太累！

解决办法1：加定时器 setInterval ( 函数 , 毫秒 )

Lin724915

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue指令

Vue指令 v-cloak v-text v-html v-bind v-on 的使用v-cloak 演示插入表达式闪烁问题：用v-cloak标签来解决插入表达式闪烁的问题：演示：v-text v -html 赋值 <body> <div id="one" >  <p v-cloak>++...
复制链接

扫一扫