v-if传值不能带花括号的问题

来源:1-2 编写字符串反转和内容隐藏小功能

晓之蛇

2022-08-12 11:19:20

老师您好,


<span v-if="show">Hello World</span>  为什么show不加两个花括号呢?即为什么不是

<span v-if="{{show}}">Hello World</span> ?

不加花括号看起来就是传的show这个字符串而不是布尔值。

上一章微信小程序语法是加了花括号的,这个能类比不?

https://img.mukewang.com/climg/62f5c59a095163d303400211.jpg

是Vue要求【v-xxx】指令中的值不允许加花括号吗?请教Vue这里不加花括号的原因。

写回答

1回答

好帮手慕星星

2022-08-12

同学你好,小程序和vue不能类比,使用是有区别的。

vue官方文档中就是这样写的,v-if指令值不需要加{{}},vue底层会自动处理

https://cn.vuejs.org/guide/essentials/conditional.html#v-if

https://img.mukewang.com/climg/62f5c95709a0f96a07700214.jpg

注意要和小程序区分开。祝学习愉快!

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程