前端菜鸡请问 vue 如何绑定无属性标签 ？

2020-03-06 22:29:06 +08:00
 black11black

如题

假如下面这段代码

<b-input  v-model="name" 
          :placeholder="username"
          rounded
></b-input>

我可以通过绑定的 username 很容易地修改 placeholder 的属性

但是我如何控制 rounded 属性呢？ 也许我就是想要输入框一会圆角一会方角？

谢谢

1212 次点击
所在节点    问与答
4 条回复
jerrry
2020-03-06 22:41:45 +08:00
:class="{ rounded }"
.rounded { border-radius: 50% }
triple7
2020-03-06 22:41:56 +08:00
rounded 其实是 rounded=true,你绑定一个布尔值变量就可以
black11black
2020-03-06 23:00:23 +08:00
@triple7

感谢
shintendo
2020-03-06 23:06:54 +08:00
这个不叫无属性标签，叫布尔特性（ boolean attribute ）
vue 的文档对这个有说明
https://cn.vuejs.org/v2/guide/syntax.html#Attribute

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/650558

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX