摸索這個(gè)模板引擎碰到的問題，分享一下

成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站制作、成都做網(wǎng)站、東湖網(wǎng)絡(luò)推廣、小程序定制開發(fā)、東湖網(wǎng)絡(luò)營(yíng)銷、東湖企業(yè)策劃、東湖品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供東湖建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com

本人在實(shí)現(xiàn)使用laytpl實(shí)現(xiàn)動(dòng)態(tài)渲染菜單，來減少靜態(tài)代碼時(shí)候碰到了，元素是成功渲染出來，但是折疊動(dòng)畫效果和點(diǎn)擊事件都失效了，然后仔細(xì)看了一下官方文檔

官方文檔原話：跟表單元素一樣，很多時(shí)候你的頁(yè)面元素可能是動(dòng)態(tài)生成的，這時(shí)element的相關(guān)功能將不會(huì)對(duì)其有效，你必須手工執(zhí)行 element.init(type, filter)方法即可。注意：2.1.6 開始，可以用 element.render(type, filter);

意思是我們動(dòng)態(tài)渲染頁(yè)面的時(shí)候，渲染完后一定要執(zhí)行element.init（）進(jìn)行重新渲染，這樣動(dòng)畫效果和事件才能正常運(yùn)行

以下是我實(shí)現(xiàn)layui模板引擎實(shí)現(xiàn)動(dòng)態(tài)菜單源碼

 var data = {
    menu: [{
      parentTitle: '權(quán)限列表',
      icon: 'layui-icon-auz',
      expand: 'layui-nav-itemed', //是否默認(rèn)展開
      child: [{
        title: '管理員列表',
        href: "{{route('admin.list')}}"
      }, {
        title: '角色列表',
        href: "{{route('role.index')}}"
      }, {
        title: '權(quán)限列表',
        href: ""
      }]
    }]
  };
 
  var getTpl = menuTpl.innerHTML,
    view = document.getElementById('menu');
  laytpl(getTpl).render(data, function(html) {
    view.innerHTML = html;
  });
    //初始化動(dòng)態(tài)元素，一些動(dòng)態(tài)生成的元素如果不設(shè)置初始化，將不會(huì)有默認(rèn)的動(dòng)態(tài)效果
  element.render();

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)頁(yè)題目：淺談layui使用模板引擎動(dòng)態(tài)渲染元素要注意的問題-創(chuàng)新互聯(lián)
本文網(wǎng)址：http://weahome.cn/article/degieh.html