<el-input class="talk_word" style="border:none;" id="talkwords" v-model="str2" placeholder="说点什么吧~~~" @input="input_change($event)" @focus="input_focus($event)" @mouseout="input_blur($event)" @keyup.enter.native="add_data()"> </el-input>换成input框

你可以使用以下代码将 `<el-input>` 替换为 `<input>`：

<input class="talk_word" style="border:none;" id="talkwords" v-model="str2" placeholder="说点什么吧~~~" @input="input_change($event)"
       @focus="input_focus($event)" @blur="input_blur($event)" @keyup.enter="add_data()">

注意，`@mouseout` 事件被替换为 `@blur` 事件，因为 `mouseout` 在 `<input>` 上没有意义。此外，`@keyup.enter.native` 也被简化为 `@keyup.enter`。

相关问题

el-input无边框

可以通过以下两种方法去除el-input的边框：
1. 在el-input标签上添加class属性，并在样式表中设置该class的样式，如下所示：

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

.borderNone .el-input__inner {
  border: none;
}

2. 直接在el-input标签上使用inline样式，如下所示：

<el-input v-model="input" style="border:none;" placeholder="此处展示结果"></el-input>

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>