Vue -插值-Attribute

Mustache 语法不能作用在 HTML attribute 上,遇到这种情况应该使用 v-bind 指令:

<div v-bind:id="dynamicId"></div>

对于布尔 attribute (它们只要存在就意味着值为 true),<code>v-bind 工作起来略有不同,在这个例子中:

<button v-bind:disabled="isButtonDisabled">Button</button>

如果 isButtonDisabled 的值是 <code>null、undefined 或 <code>false,则 disabled attribute 甚至不会被包含在渲染出来的 <code><button> 元素中。

分类Vue模板语法相关推荐:

vue模板语法简介 Vue-插值-文本 Vue-插值-原始 HTML Vue -插值-Attribute Vue 使用 JavaScript 表达式 Vue参数 Vue动态参数 Vue修饰符 Vue缩写