• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

Vuejs如何增加动态属性

Vue cps12345 1个月前 (12-21) 36次浏览 0个评论

我想知道如何控制输入(必要时添加禁用的属性)。有什么方法可以在vuejs中动态添加属性吗?在我的Textfield组件下面:

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

用法:

<textfield placeholder="Name" value.sync="el.name" :disabled="true"></textfield>

解决

使用v-bind:disabled=”foo”或:disabled=”foo”简称将其绑定到变量:

<textfield label="Name" value.sync="el.name" :disabled="myVar">

然后在Vue中,您可以进行设置this.myVar = true,它将禁用输入。

将此添加到您的模板:

<template>
  <input type="text" :disabled="disabled" placeholder="{{ placeholder }}" v-model="value">
</template>
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址