国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

handlebars踩坑之旅

cjie / 2101人閱讀

摘要:的使用方法遍歷數組或者對象刀歌云數組遍歷時索引值為對象為判斷是否有傳參有的話使用傳參的值沒有的話使用默認值判斷對應適用數據數據取出錯誤這里判斷是否存在數組,如果存在則遍歷,如果不存在輸出錯誤信息判斷是否是第一個或者是

1. each的使用方法(遍歷數組或者對象)
    {{include "tpl/components/page3-school-slide/each-slide"
      data="[
          { 
            "name": "badao", 
            "word": "刀"
          }, {
            "name": "changge",
            "word": "歌"
          }, {
            "name": "cangyun",
            "word": "云"
          }
      ]"
        
    }}
      

    {{#each data}}
      
{{include "tpl/components/page3-school-slide/index" name=this.name word=this.word }}
{{/each}} {{#each data}}
  • {{/each}}
    2. 判斷是否有傳參, 有的話使用傳參的值, 沒有的話使用默認值
        {{#unless ns}}
            {{var ns = "xxx"}}
        {{/unless}}
    
    3. if else 判斷
        {{#if list}}
        
      {{#each list}}
    • {{this.name}}
    • {{/each}}
    {{else}}

    {{error}}

    {{/if}} //對應適用json數據 var data = { info:["HTML5","CSS3","WebGL"], "error":"數據取出錯誤" } 這里{{#if}}判斷是否存在list數組,如果存在則遍歷list,如果不存在輸出錯誤信息
    4. each 判斷是否是第一個或者是最后一個
        
        
        {{#each list}}
            ```
            {{#if @first}}  //{{#if @last}}
              ```
            {{else}}
             ```
            {{/if}}
            ```
        {{/each}}
        
        {{#each list}}
          
  • {{#if @first}}
    {{this.method-type-text}}
    {{else}}
    {{this.method-type-text}}
    {{/if}}

    {{this.method-type-introduce}}

  • {{/each}}

    遍歷時給指定的某個值進行特殊處理(使用比較方法)

    {{#compare  name "==" "changge"}}
      do something
    {{else}}
      do something else
    {{/compare}}
    
    {{#each data}}
      {{#compare this.num "==" 1}}
        
  • {{else}}
  • {{/compare}} {{/each}}

    content block 內容嵌套

    // 外層
    {{var ns = "layout-wrapper"}}
    {{#extend "tpl/layouts/base-layout" }}
        {{#block "body"}}
          
        {{/block}}
    {{/extend}}
    
    
    // 內層:
    {{#extend "tpl/layouts/index" title="標題"}}
      {{#content "body"}}
        {{var ns = "index"}}
        
        {{include "tpl/components/swiper/index"}}
        
    插入的頁面內容
    {{/content}} {{/extend}}

    文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

    轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/92734.html

    相關文章

    • weex踩坑之旅第二彈 ~ 在weex中集成vue-router

      摘要:也就是說在中,我們的代碼是要在環境中運行。而在中,是沒有等以及的,即所有的框架都是不可以使用的。比如相關組件,相關組件,等都不能在中引用。是可以在中使用的。 接著第一彈講,我們已經搭建好一個屬于自己的weex項目了,然后如何開發呢?由于之前項目中都是采用vue全家桶進行開發,路由使用vue-router插件,狀態管理使用vuex,Ajax前后臺交互使用axios,圖標庫使用font-a...

      tyheist 評論0 收藏0
    • 前端踩坑之旅

      摘要:如果任一參數小于或是,它被視為為。如果是正的并且大于或等于字符串的長度,則返回一個空字符串。若為負數則將該值加上字符串長度后再進行計算如果加上字符串的長度后還是負數,則從開截取。如果為負,它被視為其中是字符串的長度。 文本溢出處理 1. 單行文本溢出顯示省略號 overflow:hidden; (顧名思義超出限定的寬度就隱藏內容) white-space: nowrap; (設置文字在...

      W4n9Hu1 評論0 收藏0
    • 前端踩坑之旅

      摘要:如果任一參數小于或是,它被視為為。如果是正的并且大于或等于字符串的長度,則返回一個空字符串。若為負數則將該值加上字符串長度后再進行計算如果加上字符串的長度后還是負數,則從開截取。如果為負,它被視為其中是字符串的長度。 文本溢出處理 1. 單行文本溢出顯示省略號 overflow:hidden; (顧名思義超出限定的寬度就隱藏內容) white-space: nowrap; (設置文字在...

      Flands 評論0 收藏0
    • 前端踩坑之旅

      摘要:如果任一參數小于或是,它被視為為。如果是正的并且大于或等于字符串的長度,則返回一個空字符串。若為負數則將該值加上字符串長度后再進行計算如果加上字符串的長度后還是負數,則從開截取。如果為負,它被視為其中是字符串的長度。 文本溢出處理 1. 單行文本溢出顯示省略號 overflow:hidden; (顧名思義超出限定的寬度就隱藏內容) white-space: nowrap; (設置文字在...

      amc 評論0 收藏0

    發表評論

    0條評論

    最新活動
    閱讀需要支付1元查看
    <