ele-ui样式不生效加deep

如果 ele-ui 样式不生效，可以尝试加上 `deep` 选择器，这样就可以穿透到组件的子元素上。例如：

<el-button class="my-button-class" deep>按钮</el-button>

这样就可以在 CSS 中使用 `.my-button-class` 选择器来修改按钮的样式了。注意，`deep` 选择器会影响性能，应该尽量避免过多使用。

相关问题

ele-ui 输入框输入搜索

如果你想在 EleUI 的输入框中输入关键字后进行搜索，可以使用 `el-input` 组件的 `@keyup.enter` 事件来监听 Enter 键的输入，然后在事件处理函数中进行搜索操作。

示例代码如下：

<el-input v-model="searchKeyword" placeholder="请输入关键字" @keyup.enter="doSearch"></el-input>

其中，`v-model` 指令用于双向绑定输入框中的值到 `searchKeyword` 变量上，`@keyup.enter` 监听 Enter 键的输入，触发 `doSearch` 方法进行搜索操作。

在 Vue 实例中，定义 `searchKeyword` 变量和 `doSearch` 方法：

data() {
  return {
    searchKeyword: ''
  }
},
methods: {
  doSearch() {
    // 根据 searchKeyword 进行搜索操作
    // ...
  }
}

在 `doSearch` 方法中，你可以根据 `searchKeyword` 变量的值进行搜索操作，比如发送请求到后端获取搜索结果，或者在本地过滤数据。

ele-ui 输入框带搜索功能

如果你想在 EleUI 的输入框中输入关键字后点击搜索按钮进行搜索，可以使用 `el-input` 和 `el-button` 组件结合的方式来实现。

示例代码如下：

<el-input v-model="searchKeyword" placeholder="请输入关键字" style="width: 200px;">
  <el-button slot="append" icon="el-icon-search" @click="doSearch"></el-button>
</el-input>

其中，`v-model` 指令用于双向绑定输入框中的值到 `searchKeyword` 变量上，`slot="append"` 将搜索按钮放置在输入框的后面，`icon="el-icon-search"` 设置按钮图标为搜索图标，`@click="doSearch"` 监听按钮的点击事件，触发 `doSearch` 方法进行搜索操作。

在 Vue 实例中，定义 `searchKeyword` 变量和 `doSearch` 方法：

data() {
  return {
    searchKeyword: ''
  }
},
methods: {
  doSearch() {
    // 根据 searchKeyword 进行搜索操作
    // ...
  }
}

在 `doSearch` 方法中，你可以根据 `searchKeyword` 变量的值进行搜索操作，比如发送请求到后端获取搜索结果，或者在本地过滤数据。