1.键盘上下左右focus输入框
这个直接参考文章,如果不考虑IE的话到这一步就已经完成需求了。使用vue-direction-key快速切换input的焦点focus,可应用在财务表格上等等 - 简书
2、装了vue-direction-key后IE打不开系统,白屏
看报错信息,原来是vue-direction-key里的箭头函数没有被转译。因为babel转译会忽略node_modules的文件。
我用的是vue2,在build\webpack.base.conf.js 加上 resolve('node_modules/vue-direction-key')
module: {
rules: [
...(config.dev.useEslint ? [createLintingRule()] : []),
// 一些别的配置省略不写了..
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test') ,resolve('node_modules/vue-direction-key')]
},
// 一些别的配置省略不写了..
]
},
3.重启后报错
重启后main.js报错"export 'default' (imported as 'Direction') was not found in 'vue-direction-key'
我猜是因为不能混合使用import
和 module.exports。
在main.js中把
import Direction from 'vue-direction-key'
Vue.use(Direction)
改成=>
const Direction =require('vue-direction-key')
Vue.use(Direction.Direction)
就能正常运行了。