iview使用的一些坑

由于公司的设计偏爱iview的这种设计风格,所以在vue的道路上与iview形影不离

 

AutoComplete

最开始发现有问题是偶然的从这个组件开始的,但其实是一个select相关操作的问题,不过跟使用的机器有关。

可能不同的机器对键盘的码的识别不一样,导致在某些电脑上无法使用回车、上下箭头、tab、删除键等。

最后在全局统一定义键盘码才得以解决,keys.js,Vue.use(keys) 

const hasKeybordEvent = () => (
  typeof KeyboardEvent === 'function' &&
  (new KeyboardEvent(null)).key
)

const codeName = {
  8: 'Backspace',
  9: 'Tab',
  13: 'Enter',
  27: 'Escape',
  38: 'ArrowUp',
  40: 'ArrowDown'
}

export default {
  install (Vue, options) {
    if (this.installed || hasKeybordEvent()) return

    this.installed = true

    // let { keyCodes } = options

    Object.defineProperties(KeyboardEvent.prototype, {
      key: {
        get () {
          return this.code || codeName[this.keyCode]
        },
        set () {
   
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值