在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>
  • 這樣則會去掉警告
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章