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>

相关问题

vue el-table 里面el-input去除边框

在Vue的Element UI组件中，如果你想在`<el-table>`里嵌套的`<el-input>`去除边框，你可以通过CSS样式来实现。你需要找到这个输入框元素并设置其`border`属性为`none`。例如：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄">
      <template slot-scope="scope">
        <el-input v-model="scope.row.age" class="no-border-input" @input="handleInput(scope.$index, scope.row)"></el-input>
      </template>
    </el-table-column>
  </el-table>
</template>

<style scoped>
.no-border-input {
  border: none; /* 这里设置了无边框 */
  box-sizing: border-box;
}
</style>

在这个例子中，`.no-border-input`类用于选择`el-input`并移除边框。你还可以添加其他自定义样式，比如背景颜色、内边距等。