如何在 VueJs 中动态添加属性 [英] How to add dynamically attribute in VueJs
本文介绍了如何在 VueJs 中动态添加属性的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
I'm using vuejs and I wanna know how to have control on inputs (add disabled attribute when necessary). Is there any way to add dynamically attribute in vuejs ? Below my Textfield component :
<template>
<input type="text" placeholder="{{ placeholder }}" v-model="value">
</template>
<script>
export default {
props: {
disabled: {type: Boolean, default: false},
placeholder: {type: String, default: ""},
value: {twoWay: true, default: ""}
}
}
</script>
Usage :
<textfield placeholder="Name" value.sync="el.name" :disabled="true"></textfield>
解决方案
You can bind it to a variable using v-bind:disabled="foo"
or :disabled="foo"
for short:
<textfield label="Name" value.sync="el.name" :disabled="myVar">
Then in Vue you can just set this.myVar = true
and it will disable the input.
Edit: add this to your template:
<template>
<input type="text" :disabled="disabled" :placeholder="placeholder" v-model="value">
</template>
这篇关于如何在 VueJs 中动态添加属性的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文