Vue+Element 踩坑
1. 獲取后臺回傳的資料，是個陣列，回圈后展示出來
<el-table-column :label="$t('common.cardModel.guz')" sortable="custom" prop="cEqpFinx.assetNo">
<template slot-scope="scope">
<div v-for="(item,index) in scope.row.cEqpFinx" :key="index">
{{item.assetNo}}
</div>
</template>
</el-table-column>
2. @click.once 只允許點擊一次，然后讓按鈕隱藏
在data申明
在方法里面加入isShow
3. 如上功能需求更新：點擊增加按鈕，彈出對話框同時該按鈕隱藏；關閉對話框，該按鈕出現
思路：這里考慮假隱藏，不用display:none或者isShow，而是用不同的class，用的是opacity:0
data:
樣式：
后面樣式里還加了pointer-events:none; 因為是假隱藏，所以如果不阻止點擊事件，不小心點到還是會彈出對話框~
方法里面添加下：
在點擊事件里面不激活class
在關閉事件里面，激活class
4. vue el-input 使用maxlength規定長度的時候，如果需要限制輸入的數字，定義type="number"，則maxlength會失效，
解決方案：
type="number" 數字型別
oninput="if(value.length>11)value=https://www.cnblogs.com/jane-panyiyun/p/value.slice(0,11)" 限制長度
slice() 方法可從已有的陣列中回傳選定的元素，slice() 不修改陣列，得到是一個子陣列
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/76011.html
標籤：JavaScript
下一篇：Vue樣式穿透