VUE常见问题整理

vue项目打包element-icons路径错误
1.在build/utils下的ExtractTextPlugin.extract下添加publicPath:'../../'

if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
 fallback: 'vue-style-loader',
 publicPath:'../../'
 })
} else {
  return ['vue-style-loader'].concat(loaders)
}

2.更改config/index.js中build下的assetsPublicPth, 原本为/, 改为./

index: path.resolve(__dirname, '../dist/index.html'),
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './',

v-for遍历数组错误：
提示：(Emitted value instead of an instance of Error) <el-button v-for="key in errType">: component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.... for more info.
原因：错误的遍历方式：

<el-button v-for="(key,index) in errType" v-on:click="selType(index,key.errtype)" v-bind:class="{on:seltype==index}">{{key.name}}</el-button>

循环必须要给每个循环体加上唯一的key：

<el-button v-for="(key,index) in errType" v-on:click="selType(index,key.errtype)" :class="{on:seltype==index}" :key="index">{{key.name}}</el-button>

input自动获取焦点失败，原生autofocus失效

<el-input ref="inputDept" autofocus="true" @input="inputDeptId($event)"></el-input>
mounted() {
 this.$refs.inputDept.focus();
}

input扫码枪扫码后刷新页面
W3C 标准中有如下[规定]
即：当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在 <el-form> 标签上添加 @submit.native.prevent。
扫码枪扫码完毕后会按下回车键，如果页面只有一个input，触发提交表单的默认行为，即刷新页面。