element ui 动态新增input的时候去掉lable

在 Element UI 中，可以通过在 el-input 组件上设置 label 属性为空字符串来去掉 label 标签。例如：

<el-input v-model="inputValue" :label=""></el-input>

如果需要在动态新增 el-input 组件时去掉 label 标签，可以在新增组件时设置 label 属性为空字符串或不设置该属性。例如：

// 假设动态新增的 el-input 组件的 v-model 绑定的变量为 inputValue
this.inputList.push({
  component: 'el-input',
  props: {
    value: this.inputValue,
    label: '' // 或者不设置该属性
  }
});

相关问题

vue动态新增input的时候去掉lable

可以通过以下两种方式去掉动态新增的input标签的lable：

1. 可以在动态新增input标签时，直接不添加lable标签即可。例如：

<input type="text" name="name" placeholder="请输入姓名">

2. 如果需要在动态新增input标签时自动去掉lable标签，可以使用JavaScript操作DOM，在动态新增input标签后，查找与其关联的lable标签并移除。例如：

// 假设动态新增的input标签的id为nameInput
var input = document.getElementById('nameInput');
var label = document.querySelector('label[for="' + input.id + '"]'); // 找到与该input标签相关的label标签
if (label) {
  label.parentNode.removeChild(label); // 移除该label标签
}

element-ui中lable文字禁用

在 ElementUI 中，可以通过设置 `el-form-item` 组件的 `disabled` 属性来禁用表单项的文字。禁用后，表单项的文字将变为灰色，同时无法被选中。

具体步骤如下：

1. 在 `el-form` 组件中使用 `el-form-item` 组件包裹需要禁用文字的表单项，同时设置 `disabled` 属性。

<el-form>
  <el-form-item label="表单项1" :disabled="true">
    <el-input></el-input>
  </el-form-item>
  <el-form-item label="表单项2">
    <el-input></el-input>
  </el-form-item>
</el-form>

2. 在 CSS 中设置 `.is-disabled .el-form-item__label` 类的样式，以改变禁用表单项的文字颜色。

.is-disabled .el-form-item__label {
  color: #c0c4cc;
}

这样就可以禁用 ElementUI 中表单项的文字了。完整代码如下：

<template>
  <el-form>
    <el-form-item label="表单项1" :disabled="true">
      <el-input></el-input>
    </el-form-item>
    <el-form-item label="表单项2">
      <el-input></el-input>
    </el-form-item>
  </el-form>
</template>

<style>
.is-disabled .el-form-item__label {
  color: #c0c4cc;
}
</style>