单据流转系统PC端开发踩坑总结

1. vue使用element-ui的el-input监听回车事件

 <el-input
            type="textarea"
            v-model="busNoSign"
            placeholder="请将光标置于此处用巴枪进行扫描，输入后回车"
            @keyup.enter.native="doSignCheck"
          ></el-input>

2.element-table动态显示数据

 <el-table  :data="signedTable">
          <el-table-column prop="index" type="index" width="50" label="序号"></el-table-column>
          <el-table-column prop="busNo"  property="date" label="单据编号"></el-table-colum
 </el-table>

其中’signedTable‘是vue中data里定义的数组类型数据，其结构为：
signedTable=[
{
index:1,
busNo:237532545146152
},
{
index:2,
busNo:237532545146152
},]

5. vue中，在请求A成功后再发送请求B的解决方法

（1）用ES6中的promise方法

（2）请求A之内嵌套请求B

（3）将请求B单独写成一个函数 funcB()，在请求A成功时的回调函数内部调用 this.funcB()。注意：在vue中method中定义的函数，被调用时一定要加this.！！！

7. vue同一个元素同一事件绑定多个方法后，各个方法同时执行不分先后。

<el-input  type="text"  
      @keyup.enter.native="doSignCheck；doSign" >
</el-input>

当点击回车后，doSignCheck()和doSign()同时执行

7.input输入框type为多行输入框（textarea）时会将文本中回车带进去 ，单行时则不会

<el-input
            type="textarea"
            v-model="busNoSign"
          ></el-input>

当在输入框中输入“1234”并点击回车后，this.busNoSignd的值为“1234回车符”，此时无法与字符串“1234”匹配

<el-input
            type="text"
            v-model="busNoSign"
          ></el-input>

单行输入框时，则不会有回车符，当在输入框中输入“1234”并点击回车后，可以与字符串“1234”匹配