剛開始由于layui form渲染與vue渲染有時(shí)間差 有時(shí)會(huì)導(dǎo)致 select里面是空白的

后來就想辦法 等vue數(shù)據(jù)渲染完 再渲染layui form
試過模塊化導(dǎo)入layui form組件 然后等vue數(shù)據(jù)渲染完后手動(dòng)進(jìn)行渲染
這種方式有一個(gè)小問題 有時(shí)候會(huì)提示render方法未定義
可能是由于執(zhí)行順序原因 vue先執(zhí)行了
最后把vue代碼放到layui.use里面 問題解決
可能不是最好的實(shí)現(xiàn)方式 如有更好的實(shí)現(xiàn)方式歡迎指出 共同進(jìn)步
頁面代碼
<div id="demo" class="layui-inline layui-form" lay-filter="test2">
<select>
<option v-for="option in options" v-bind:value="option.id">
{{ option.name }}
</option> </select>
</div>另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
名稱欄目:vue+layui實(shí)現(xiàn)select動(dòng)態(tài)加載后臺(tái)數(shù)據(jù)的例子-創(chuàng)新互聯(lián)
URL標(biāo)題:http://chinadenli.net/article20/cohico.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、App設(shè)計(jì)、外貿(mào)建站、全網(wǎng)營(yíng)銷推廣、企業(yè)網(wǎng)站制作、做網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容