- 在Vue中想要動態綁定
label
中的for
的值,一開始這樣寫的:
<div id="app">
<label for="{{ name }}"><span>{{ message}}</span></label>
<input type="text" id="{{ name }}" key="{{ name }}">
<button @click="loginType">切換類型</button>
</div>
- 這樣寫的話,雖然也可以實現點擊文字選中
input
的效果,但是會在控制檯報一個警告 :
- 按照其中的警告,可以修改爲 :
<div id="app">
<label :for="name"><span>{{ message}}</span></label>
<input type="text" :id="name" :key="name">
<button @click="loginType">切換類型</button>
</div>
- 這樣則會去掉警告