view.item-out-view view.search-view view.search-item image(src='./icon_search.png') input( v-model="inputValue" @input='onInputListen' :placeholder='placeholder' :placeholder-class='placeholderClass') view.search-content( v-if="historyDatas&&historyDatas.length>0&&inputValue.length<=0") view.title-view text 搜索历史 image(src='./icon_delete.png' @tap.stop='onDelete(ALL)') view.item-view(v-for="(item,index) in historyDatas" :key="index" @tap.stop='onItemClick(item,index)') text {{item.key}} image(src='./icon_close.png' @tap.stop='onDelete(index)') view.search-content(v-if="keyworkDatas&&keyworkDatas.length>0") view.item-view(v-for="(item,index) in keyworkDatas" :key="index" @tap.stop='onItemClick(item,index)') text(v-for="textContent in item.keyword" :key="item.id" :class="textContent===inputValue?'__vital':''") {{textContent}} image.next-ico(src='./mine_icon_next.png')转换成html代码

以下是将 Pug 代码转换成 HTML 代码的结果：

<div class="item-out-view"></div>
<div class="search-view"></div>
<div class="search-item">
  <image src="./icon_search.png"></image>
  <input v-model="inputValue" @input='onInputListen' :placeholder='placeholder' :placeholder-class='placeholderClass'></input>
  <div class="search-content" v-if="historyDatas&&historyDatas.length>0&&inputValue.length<=0">
    <div class="title-view">
      <text>搜索历史</text>
      <image src="./icon_delete.png" @tap.stop='onDelete(ALL)'></image>
    </div>
    <div class="item-view" v-for="(item,index) in historyDatas" :key="index" @tap.stop='onItemClick(item,index)'>
      <text>{{item.key}}</text>
      <image src='./icon_close.png' @tap.stop='onDelete(index)'></image>
    </div>
  </div>
  <div class="search-content" v-if="keyworkDatas&&keyworkDatas.length>0">
    <div class="item-view" v-for="(item,index) in keyworkDatas" :key="index" @tap.stop='onItemClick(item,index)'>
      <text v-for="textContent in item.keyword" :key="item.id" :class="textContent===inputValue?'__vital':''">{{textContent}}</text>
      <image class="next-ico" src='./mine_icon_next.png'></image>
    </div>
  </div>
</div>