elementui的el-dropdown每次点击下拉时重新加载

今天有个需求，每次点击el-dropdown的下拉时都需要从数据库中加载最新的可选择数据。经过查阅elementui官网，没找到相关的方法说明。最后通过查看网络上的文章，找到了可行的方案，记录如下。

具体是给el-dropdown加一个属性@click.native，具体写法如下：

<el-dropdown @command="changeCommand" trigger="click" @click.native="loadData">
            <span class="el-dropdown-link">{{projectName}}<i class="el-icon-arrow-down el-icon--right"></i>
            </span>
            <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item v-for="item in projectOption" :command="item">{{item.name}}</el-dropdown-item>
              </el-dropdown-menu>
        </el-dropdown>

其中@click.native对应的loadData方法是从数据库加载数据的方法。

参考

• ElementUI+el-dropdown函数触发事件