iview组件Dropdown设置点击事件无效

Question

刚开始不懂如何给Dropdown组件设置点击事件，后来根据搜索找到一篇博客，但是没有效果，贴一下代码：
<Dropdown trigger="click" on-click="changeDate">

    <a href="javascript:void(0)" name="weekPlan" v-html='this.MenuText'>
        <Icon type="ios-arrow-down"></Icon>
    </a>
    <DropdownMenu slot="list">
        <DropdownItem name="weekPlan">本周</DropdownItem>
        <DropdownItem name="monthPlan">本月</DropdownItem>
        <DropdownItem name="yearPlan">本年</DropdownItem>
    </DropdownMenu>
</Dropdown>

data中定义了：
MenuText: '本周',
methods中定义了方法：
changeDate (name) {

alert('点击了' + name)
if (name === 'weekPlan') {
  this.MenuText = '本周'
} else if (name === 'monthPlan') {
  this.MenuText = '本月'
} else {
  this.MenuText = '本年'
}

}
能否帮忙找出错误，或者给出更好的解决方案

Answer 1

楼主，你好~
这个组件式这样使用的，如下：

 // 这样使用即可，@on-click="changeDate"
<Dropdown placement="bottom-start" @on-click="changeDate">
 <a href="javascript:void(0)" name="weekPlan" v-html='this.MenuText'>
        <Icon type="ios-arrow-down"></Icon>
    </a>
    <DropdownMenu slot="list">
        <DropdownItem name="weekPlan">本周</DropdownItem>
        <DropdownItem name="monthPlan">本月</DropdownItem>
        <DropdownItem name="yearPlan">本年</DropdownItem>
    </DropdownMenu>
</Dropdown>

---

如有帮助，麻烦点击下采纳，谢谢~