vue2+elementui写一个搜索条件为菜单名称，菜单代码的代码

你可以这样实现：

1. 在你的组件中引入 Element UI 中的 Input 和 Button 组件：

<template>
  <div>
    <el-input v-model="searchName" placeholder="请输入菜单名称"></el-input>
    <el-input v-model="searchCode" placeholder="请输入菜单代码"></el-input>
    <el-button type="primary" @click="search">搜索</el-button>
  </div>
</template>

<script>
import { Input, Button } from 'element-ui';

export default {
  components: {
    ElInput: Input,
    ElButton: Button,
  },
  data() {
    return {
      searchName: '',
      searchCode: '',
    };
  },
  methods: {
    search() {
      // 处理搜索逻辑
    },
  },
};
</script>

2. 在 data 中定义两个变量 `searchName` 和 `searchCode`，用于存储用户输入的菜单名称和菜单代码。

3. 在 methods 中定义 `search` 方法，用于处理搜索逻辑。在这个方法中，你可以通过发送请求，从后端获取符合条件的菜单数据，然后对页面进行渲染。

例如，你可以这样发送请求：

import axios from 'axios';

methods: {
  async search() {
    const { searchName, searchCode } = this;
    const { data } = await axios.get('/api/menu', {
      params: { searchName, searchCode },
    });
    // 处理返回的菜单数据
  },
},

这里假设你的后端接口是 `/api/menu`，并且接受两个参数 `searchName` 和 `searchCode`，分别表示菜单名称和菜单代码。你可以根据实际情况进行修改。