elementui下拉菜单dropdown的使用

说一下我得使用场景,点击下拉菜单选择公司,然后存下公司id显示公司名字

//@command选择一项之后的回调函数,但是如果你把下拉菜单点开,没选它也触发,下面有解决办法
<el-dropdown @command="changeCompany">
    <span class="el-dropdown-link" style="color: #FFF;">
          {{company}}<i class="el-icon-arrow-down el-icon--right"></i>
      </span>
      <el-dropdown-menu slot="dropdown">
      		//:command是上面@command的默认参数
          <el-dropdown-item  v-for="item in companyList" :key="item.id" :command="item.user_name+'-'+item.id">{{item.user_name}}</el-dropdown-item>
      </el-dropdown-menu>
</el-dropdown>

data(){
	return{
		company:'您还没选择公司',
        companyList:[],
	}
}

changeCompany(data){
                //console.log(data) //公司名-公司id
                // 处理点击时不选的错误
                if(typeof data == "object"){
                    return
                }
                // 取公司名并赋值
                this.company = data.split('-')[0]

                // 存下公司id
                localStorage.setItem("workAccountId",data.split("-")[1])
},