各位有沒有遇過同一個表單使用兩種或兩種以上的元件?
目前在開發表單
使用 CoreUI & ElementUI & Vue.js來開發
表單上有使用 Element UI 和 CoreUI 的元件
但在表單驗證的時候有遇到一些問題
目前Element UI是正常
但CoreUI無法在前端做即時回饋
1.假設現在顯示不可空白，但鍵入值錯誤訊息並不會消失
2.鍵入值，點選表單送出，錯誤訊息並不會消失
<datePicker id="date1" type="single" isRequired="true"
empty="false" patternKey="YYYY/MM/DD" />
<div class="invalid-feedback">
{{errorDatas}}
</div>
<input type="text" id="date1" value="" class="form-control" required />
</div>
已邀請的邦友 {{ invite_list.length }}/5
各位有沒有遇過同一個表單使用兩種或兩種以上的元件?
有
但是會盡量避免
因為你很難知道他們會不會有衝突
或許你要多說一些細節
搞不好你的需求
只用 element-ui 就能全部搞定
晚點有空再補範例
dragonH
其實我們本來就打算元件都使用ElementUI來處理
但因為我們有些表單會在平板上面操作
公司又不想另外專門為平板再客製一個畫面
後來我們發現ElementUI DatePicker這個元件
在平板上面操作的話，超過邊界的部分物件會直接被卡掉
但CoreUI的元件卻會自動直接往下排列
所以我們才會又選CoreUI的元件來使用
我不確定你 datepicker 是不是用 element-ui 的
在平板上面操作的話，超過邊界的部分物件會直接被卡掉
我認為你應該要看一下被卡掉時
css 是什麼情況
然後再來修正
才會是比較適合的作法
大神 
iThome鐵人賽
看影片追技術