.native .sync 在项目中的使用

.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" />

猜你喜欢

转载自www.cnblogs.com/zhaocainiao/p/10818677.html
今日推荐