<el-table-column width="160" align="center" header-align="center" property="" label="商品编码"> <template slot-scope="scope"> <el-select clearable filterable v-model.lazy="scope.row.goods_id"> <el-option v-for="goods in merchandiseNameData" :key="goods.data" :label="goods.num" :value="goods.data"> </el-option> </el-select> </template> </el-table-column>只实现模糊搜索

如果只需要实现模糊搜索，可以按照以下步骤进行：

1. 在 el-select 组件上方添加一个搜索框，用于输入搜索关键词。可以使用 Element UI 的 el-input 组件来实现。

<el-input v-model.lazy="searchKeyword" placeholder="请输入搜索关键词"></el-input>

其中，searchKeyword 表示当前输入的搜索关键词。

2. 修改 el-select 组件的 v-for 指令，只显示匹配搜索关键词的选项。

<el-select clearable filterable v-model.lazy="scope.row.goods_id">
  <el-option v-for="goods in filteredOptions" :key="goods.data" :label="goods.num" :value="goods.data"></el-option>
</el-select>

computed: {
  // 计算过滤后的选项数据
  filteredOptions() {
    return this.merchandiseNameData.filter(goods => goods.num.includes(this.searchKeyword))
  }
}

其中，filteredOptions 是一个计算属性，用于计算过滤后的选项数据，只显示商品名称中包含搜索关键词的选项。

3. 在组件的 data 中定义一个变量用于记录当前搜索关键词。

data() {
  return {
    // 当前搜索关键词
    searchKeyword: ''
  }
}

这样，就可以实现下拉框的模糊搜索了。需要注意的是，根据实际情况可以对搜索框和下拉框的样式和交互进行调整，以提高用户体验。