element ui点击事件不生效
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
@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
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
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 7 个月前
更多推荐
已为社区贡献8条内容
所有评论(0)