Vue 项目结合elementui组件库，开发时遇到的问题记录

1. elementui 表格，带有分页，点下一页的时候记录上一页的选中

<el-tabl ref="multipleTable" :row-key="getRowKey">
<el-table-column type="selection" :reserve-selection="true"/>

getRowKey (row) {
      return row.frontUserId
    

this.$refs.multipleTable.clearSelection()

清除全部默认选择
this.$refs.multipleTable.toggleRowSelection(item)
清除个别已选择

2. Vue2 路由跳转（打开浏览器的新标签）

let routeData = this.$router.resolve({
    path: "/specialOffers/subsidyPreviews",
    query: this.issueSubsidiesParams
 })
 window.open(routeData.href, '_blank')

3. elementui input框只能输入数字时，type="number"时 去掉后面的上下箭头
   

<style>
/* input type="number" 时  去掉上下箭头 */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
    input[type="number"]{
        -moz-appearance: textfield;
    }
</style>

4. el-input 不支持输入和粘贴
   readonly： 只读
   @paste.native.capture.preven： 禁止粘贴事件

<el-input readonly @paste.native.capture.prevent="handlePaste"/>
// 选择人员 禁止粘贴
 handlePaste () {},

5. el-input 支持数值和两位小数

<el-form-item label="每人补助金额" prop="subsidyAmount">
  <el-input maxlength="9" oninput="value=value.replace(/[^0-9.]/g,'')" show-word-limit clearable style="width: 280px"/>
</el-form-item>
// 校验金额的格式
data () {
    const validateMoney = (rule,value,callback) =>{
      if(!value){
          callback(new Error('每人补助金额不能为空'))
        }else if(value.indexOf(".") != -1 && value.split('.').length > 2){
          callback(new Error('请输入正确格式的金额')) //防止输入多个小数点
        }else if(value.indexOf(".") != -1 && value.split('.')[1].length > 2){
          callback(new Error('请输入正确的小数位数')) //小数点后两位
      }else{
        callback();
      }
    }
    return {
    }
 }
 // el-form 校验规则
 subsidyAmount: [
 { type: 'string', required: true, trigger: 'blur', 			    validator: validateMoney }]

6. el-input 支持数值不限制小数

{
  pattern: /^\d+$|^\d*\.\d+$/g,
  message: "请输入正确的金额",
  trigger: "blur"
}

7. dialog 不记录上次滚动位置

:lock-scroll="false" :append-to-body="true"

8. el-input 只支持输入数值
   οninput=“value=value.replace(/[^\d]/g,‘’)”

el-input v-model="detailParams.mpAppId" oninput="value=value.replace(/[^\d]/g,'')" size="small" style="width: 280px" clearable />