Element/iview UI元件不支援keyup鍵盤事件問題解決辦法.native
在使用Element UI或iview UI元件時，會遇到直接寫keydown.enter這樣的鍵盤事件會出現無效的情況，這裡需要加上native。直接寫成下面這樣enter事件將無效
|
1 2 3 |
<Input type="password" v-model="password" placeholder="password" @keyup.enter="handleSubmit()"> <Icon type="ios-locked-outline" slot="prepend"></Icon> </Input> |
原因：因為@keyup.enter是寫在一個封裝好的元件上，這裡即為<Input >元件，如果寫在一個input上就不需要.native
其官方文件有介紹說：
有時候，你可能想在某個元件的根元素上監聽一個原生事件。可以使用 .native 修飾v-on。
所以需要寫成下面這樣：
|
1 2 3 |
<Input type="password" v-model="password" placeholder="password" @keyup.enter.native="handleSubmit()"> <Icon type="ios-locked-outline" slot="prepend"></Icon> </Input> |
vue element-ui框架 el-dropdown-menu 繫結click事件
2018年05月26日 10:30:41
閱讀數：589
使用vue element-ui 中的 導航 發現 el-dropdown-menu 繫結click事件不起作用
-
<el-dropdown> -
<i class="el-icon-setting" style="margin-right: 15px"></i> -
<el-dropdown-menu slot="dropdown"> -
<el-dropdown-item>個人資料</el-dropdown-item> -
<el-dropdown-item @click="logout">退出</el-dropdown-item> -
</el-dropdown-menu> -
</el-dropdown>
後來發現需要在這樣寫
-
<el-dropdown> -
<i class="el-icon-setting" style="margin-right: 15px"></i> -
<el-dropdown-menu slot="dropdown"> -
<el-dropdown-item>個人資料</el-dropdown-item> -
<el-dropdown-item @click.native="logout">退出</el-dropdown-item> -
</el-dropdown-menu> -
</el-dropdown>