vue怎么讲el-input设置成无边框

你可以按照以下步骤将el-input设置为无边框：
1. 在el-input标签中添加一个class属性，例如borderNone。
2. 在样式中使用/deep/来穿透el-input__inner选择器，将其边框设置为none。
下面是一个示例代码：

<el-input v-model="input" class="borderNone" placeholder="此处展示结果"></el-input>

<style lang="less" scoped>
.borderNone /deep/ .el-input__inner {
  border: none;
}
</style>

相关问题

Vue3 el-input 设置大小值

您可以通过以下方式设置 Vue3 中 el-input 的大小值：

1. 设置固定大小：

通过设置 `size` 属性来设置固定大小，例如：

<el-input size="medium"></el-input>

可选的值包括 `medium`、`small` 和 `mini`。

2. 自定义大小：

通过设置 `style` 属性来自定义大小，例如：

<el-input style="width: 200px; height: 50px;"></el-input>

您可以根据实际需要来调整 `width` 和 `height` 的值。

vue <el-input 设置默认为0

如果你想把 `el-input` 的默认值设置为 0，你可以通过给 `el-input` 组件的 `value` 属性绑定一个初始值为 0 的变量来实现。

例如：

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

<script>
export default {
  data() {
    return {
      inputValue: 0,
    };
  },
};
</script>

这样，当组件渲染时，输入框里的默认值就会是 0。当然，你也可以根据实际需要把 `inputValue` 的初始值设置为其他的数值或者字符串。