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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1715 天前的主题，其中的信息可能已经有所发展或是发生改变。

如题

假如下面这段代码

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

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

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

谢谢

4 条回复 • 2020-03-06 23:06:54 +08:00

jerrry

2020-03-06 22:41:45 +08:00 via Android

: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

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