鍍金池/ 問答/HTML/ vue怎么動態(tài)更改標簽的屬性

vue怎么動態(tài)更改標簽的屬性

需求是這樣的,在不用的場景下,input標簽中的屬性不同。

一種場景下,標簽是這樣的:

<input type="file" capture="camera" />

另一種場景下,標簽是這樣的:

<input type="file" multiple />

只有一個屬性不同,但還不是同一個屬性,格式就是上邊這樣,不好直接通過v-bind來改了。

所以,除了直接用v-ifinput標簽進行整個替換,能有方法直接動態(tài)修改屬性么

回答
編輯回答
刮刮樂

一種方法

<input v-if="show" type="file" capture="camera" /> 
<input v-else type="file" multiple />
2018年9月18日 05:51
編輯回答
溫衫

你看看文檔試試v-bind="props" props是個對象。傳入組件的prop能這么打包傳,attrs還真沒注意過。不行還可以分開綁定attr,如:cuptare="xxx" :aaa="bbb" 然后改xxx和bbb的值。

2018年5月31日 01:11