element ui点击事件不生效

最新推荐文章于 2025-07-10 13:24:12 发布

Feast_aw

最新推荐文章于 2025-07-10 13:24:12 发布

阅读量7.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue学习

本文链接：https://blog.youkuaiyun.com/Feast_aw/article/details/80945782

vue学习专栏收录该内容

25 篇文章

订阅专栏

@click这样是不生效@click.native
      <el-dropdown>
                    <span class="el-dropdown-link">
              下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
                    </span>
                <el-dropdown-menu slot="dropdown">
                     <el-dropdown-item v-for="(item, index) in options" :key="index" @click="getcity(item.name)">
                {{item.name}}
        </el-dropdown-item>
                </el-dropdown-menu>
      </el-dropdown>

data () {
     return {
             pageindex:"5-2",
             options:[
                     {
                             name:'北京',id:'1'
                     },
                     {
                             name:'上海',id:'2'
                     },
                     {
                             name:'杭州',id:'3'
                     },
         
              ]
         };

        methods: {
                 getcity(city){
                         alert(city)  
                     }
          }

    把@click换成@click.native这样就可以了
     <el-dropdown>
                        <span class="el-dropdown-link">
                            下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
                        </span>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item v-for="(item, index) in options" :key="index" 
                @click.native="getcity(item.name)">{{item.name}}</el-dropdown-item>
                    </el-dropdown-menu>
              </el-dropdown>