.native
给组件绑定的事件为什么无法触发?
在 Vue 2.0 中,为自定义组件绑定原生事件必须使用 .native
修饰符:
eg: 登陆的时候 在el-input 这种keyup之类的都可以用.native el-button可以响应点击事件,所以不用
<el-input placeholder="请输入密码@keyup.enter.native="handleLogin" />
所有组件的任意属性都支持 `.sync` 修饰符吗?
不是。对于支持 .sync
修饰符的属性,我们会在文档的 API 表格中注明。更多 .sync
的用法请查看 https://vuejs.org/v2/guide/components-custom-events.html#sync-Modifier
<el-dialog :visible.sync="dialogFormVisible" :close-on-click-modal="false" title="新增" width="60%" @close="dialogFormClose">
<el-pagination :current-page.sync="currentPage" :page-sizes="[5,10,15,20]" :page-size="listQuery.size" :total="total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" @current-change="handleCurrentChange" />