<el-select clearable filterable v-model.lazy="scope.row.goods_id" v-el-select-loadmore="loadMore" @filter-change="selectFilter" :popper-append-to-body="false" @visible-change="selectVisible"> <el-option v-for="goods in merchandiseNameData_.slice(0, range)" :key="goods.data" :label="goods.num" :value="goods.data"> </el-option> </el-select>为需要点击一次才展示，在mounted中调用也不管用了

如果需要点击一次才能展示数据，可能的原因如下：

1. 没有正确实现 loadMore 方法

loadMore 方法是用来加载数据的，需要确保它能够正确地加载数据并更新数据。在加载数据完成后，需要手动更新 merchandiseNameData_ 数组，例如：

loadMore() {
  // 加载数据
  // 加载完成后，手动更新 merchandiseNameData_ 数组
  this.merchandiseNameData_ = [...this.merchandiseNameData_, ...newData]
}

其中，newData 是新加载的数据，需要将它们合并到 merchandiseNameData_ 数组中。

2. 没有正确实现 selectVisible 方法

selectVisible 方法是用来控制 select 组件的显示和隐藏的，需要确保它能够正确地控制组件的状态。在 select 组件被打开时，会触发该方法，并自动调用 loadMore 方法。

例如，可以在 selectVisible 方法中实现如下逻辑：

selectVisible(visible) {
  if (visible) {
    // select 组件被打开，调用 loadMore 方法加载数据
    this.loadMore()
  }
}

3. 数据量过大，加载时间过长

如果数据量过大，加载时间过长，可能需要使用 debounce 或 throttle 函数来控制 loadMore 方法的调用频率，避免过于频繁地调用 loadMore 方法导致性能问题。

例如，可以使用 lodash 中的 debounce 函数来控制 loadMore 方法的调用频率：

import { debounce } from 'lodash'

export default {
  // ...
  methods: {
    // 使用 debounce 函数来控制 loadMore 方法的调用频率
    loadMore: debounce(function() {
      // 加载数据
      // 加载完成后，手动更新 merchandiseNameData_ 数组
      this.merchandiseNameData_ = [...this.merchandiseNameData_, ...newData]
    }, 500),
    selectVisible(visible) {
      if (visible) {
        // select 组件被打开，调用 loadMore 方法加载数据
        this.loadMore()
      }
    }
  }
}

其中，500 是 debounce 函数的延迟时间，表示在两次 loadMore 方法调用之间至少需要间隔 500 毫秒。这样可以避免频繁地调用 loadMore 方法导致性能问题。