admin管理员组

文章数量:1640626

代码

要实现一个动态添加和删除的时间控件列表，列表第一个不能删除，属性为disabled。

<ul style="list-style: none">
  <li v-for="(item, index) in run_datetime" :key="index">
    <el-time-picker
      format="HH:mm:ss"
      value-format="HH:mm:ss"
      v-model="item.day"
      size="small"
      style="margin-right: 10px; width: 140px"
    ></el-time-picker>
    <el-button
      type="danger"
      :disabled="index == 0"
      @click="run_datetime.splice(index, 1)"
      icon="el-icon-minus"
      size="mini"
    ></el-button>
  </li>
</ul>
data() {
  return {
    run_datetime: [
      {
        day: ""
      }
    ]
  }
}

效果

参考博客

https://blog.csdn/weixin_43586296/article/details/93187084

本文标签： 绑定属性动态vueelement

版权声明：本文标题：Vue+Element 动态绑定disabled属性 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1729319659a1195726.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。