在Vue中動態綁定label標籤中的for (Interpolation inside attributes has been removed)

• 在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>

• 這樣則會去掉警告