element ui点击事件不生效

element

A Vue.js 2.0 UI Toolkit for Web

项目地址：https://gitcode.com/gh_mirrors/eleme/element

免费下载资源

Feast_aw

7879人浏览 · 2018-07-06 20:15:46

Feast_aw · 2018-07-06 20:15:46 发布

@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>

GitHub 加速计划 / eleme / element

下载

A Vue.js 2.0 UI Toolkit for Web

最近提交(Master分支：2 个月前 )

c345bb45 1 年前

a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前

AtomGit开源社区

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念，把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起，为开发者提供从开发、训练到部署的一站式体验。

更多推荐