前端框架： ivew
我在工作上有個(gè)需求，input控件只是我用來(lái)回顯，讓用戶感知到這塊是需要自己設(shè)定值的。看圖
image.png
因?yàn)橹堤?，不方便展示，所有我放在另外一個(gè)組件modal里面呢，點(diǎn)擊查看
image.png
所有在modal里面修改的值，我在input那邊都會(huì)回顯出來(lái)，超出的長(zhǎng)度顯示...，回顯出來(lái)之前，肯定需要進(jìn)來(lái)處理，才能把對(duì)象組裝成可讀的string類型，不能直接回顯我當(dāng)前對(duì)象。
那么問(wèn)題來(lái)了，input控件的model綁定不了函數(shù)，會(huì)報(bào)錯(cuò)，直接綁定對(duì)象，顯示的是[object,object]，那么我們只能自己處理。
參照ivew里面slot寫法：
<div style="position: absolute;z-index: 1;top: 0;left: 0;height: 100%; text-align: center; padding-left: 7px">
// 將對(duì)象變?yōu)榭勺x的string類型
{{fontNumber(getText(item.value))}}
</div>
較完整代碼：
image.png
input里面有禁用，但是因?yàn)榛业卓虿贿m合我的需求，所以我加了個(gè)遮罩層，代碼通用，如下：
<div style="width: 100%;height: 100%;position: absolute;z-index: 999">
</div>
