el-input v-model的值进行排重

如果要对el-input v-model的值进行排重，可以使用computed属性和watch属性来实现。

首先，在data中定义一个数组用来存储输入的值，例如：

data() {
  return {
    inputValue: '',
    values: []
  }
}

然后，在el-input中使用v-model绑定inputValue：

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

接着，在computed属性中定义一个新的数组，用来排除重复的值：

computed: {
  uniqueValues() {
    return [...new Set(this.values)]
  }
}

这里使用了ES6的Set对象，它可以自动排除重复的值。使用展开运算符(...)将Set对象转换成数组。

最后，在watch属性中监听inputValue的变化，并将其添加到values数组中：

watch: {
  inputValue(newValue) {
    if (newValue !== '') {
      this.values.push(newValue)
    }
  }
}

这样，每次输入新的值时，都会自动添加到values数组中，并且重复的值会被自动排除。可以在页面上展示uniqueValues数组，即可实现对el-input v-model的值进行排重的功能。

相关问题

<el-form-item label="角色"> <el-input readonly v-model="userParams.roleName"></el-input> </el-form-item> <el-form-item label="注册时间"> <el-input readonly v-model="userParams.createTime"></el-input> </el-form-item> <el-form-item label="上次登录"> <el-input readonly v-model="userParams.updateTime"></el-input> </el-form-item> <el-form-item label="上次登录"> <el-input readonly v-model="userParams.updateTime"></el-input> </el-form-item> 更改样式使文字对齐(输入框不同大小)

你可以使用 `label-width` 属性来设置 label 的宽度，通过设置不同的宽度来调整 label 和 input 的对齐方式。同时，你也可以通过设置 input 的 `size` 属性来调整它们的大小。

例如：

<el-form-item label="角色" label-width="80px">
  <el-input readonly v-model="userParams.roleName" size="small"></el-input>
</el-form-item>
<el-form-item label="注册时间" label-width="80px">
  <el-input readonly v-model="userParams.createTime"></el-input>
</el-form-item>
<el-form-item label="上次登录" label-width="80px">
  <el-input readonly v-model="userParams.updateTime"></el-input>
</el-form-item>
<el-form-item label="上次登录" label-width="80px">
  <el-input readonly v-model="userParams.updateTime" size="large"></el-input>
</el-form-item>

在上面的示例中，我们设置了不同的 label 宽度，同时也设置了不同的 input 大小，以达到不同对齐方式和不同大小的效果。你可以根据实际需求进行调整。

el-input v-model的值删除

要删除el-input v-model的值，可以通过将v-model绑定的数据设置为null或空字符串来实现。例如：

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

<button @click="clearInput">Clear Input</button>

export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    clearInput() {
      this.inputValue = ''
    }
  }
}

在上面的示例中，点击“Clear Input”按钮会将inputValue设置为空字符串，从而清空el-input中的值。