Iview component Dropdown settings click event is invalid

at first, I didn"t know how to set click events for the Dropdown component, but then I found a blog based on the search, but to no avail, post the code:
< 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>

MenuText: "this week" is defined in

data, and method is defined in
methods:
changeDate (name) {

alert("" + name)
if (name === "weekPlan") {
  this.MenuText = ""
} else if (name === "monthPlan") {
  this.MenuText = ""
} else {
  this.MenuText = ""
}

}
can you help find the error or give a better solution

Sep.08,2021

landlord, how do you do?
this component is used in this way, as follows:

</DropdownItem>
    </DropdownMenu>
</Dropdown>
< hr >

if it is helpful, please click to adopt it, thank you ~

Menu