vue怎么动态更改标签的属性

Question

需求是这样的，在不用的场景下，input标签中的属性不同。

一种场景下，标签是这样的：

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

另一种场景下，标签是这样的：

<input type="file" multiple />

只有一个属性不同，但还不是同一个属性，格式就是上边这样，不好直接通过v-bind来改了。

所以，除了直接用v-if对input标签进行整个替换，能有方法直接动态修改属性么

Answer 1

element.setAttribute(name,value)
element.removeAttribute(attrName)

Answer 2

你看看文档试试v-bind="props" props是个对象。传入组件的prop能这么打包传，attrs还真没注意过。不行还可以分开绑定attr,如:cuptare="xxx" :aaa="bbb" 然后改xxx和bbb的值。

Answer 3

一种方法

<input v-if="show" type="file" capture="camera" /> 
<input v-else type="file" multiple />