一か念う执着が 2021-12-28 21:20 采纳率: 97.4%
浏览 50
已结题

通过点击button或回车键将数据存储到本地的localStorage中

本人搭建的是搜索框功能
前端
html

<div class="SearchBox">
                    <form id="SearchBox" action="SearchBox">
                       <div id="SearchBoxClassification" style=""> 
                           <ul id="SearchBoxClassification_Box">
                              <li class="SearchBoxClassification_ba" id="SearchClassification_ba">宝贝</li>
                              <li class="SearchBoxClassification_ba" id="SearchClassification_bb">天猫</li>
                              <li class="SearchBoxClassification_ba" id="SearchClassification_bc">店铺</li>
                           </ul>
                           <div class="SearchTriangleMarrk">
                               <span class="SearchTriangleMark_icon">
                                    <span class="SearchTriangleMark_icon_ba"><img src="image/downarrow.png" alt="inverted" width="12px" height="12px" /></span>
                               </span>
                           </div>
                        </div>
                        <i class="SearchBoxBoundary"></i>
                        <div id="SearchTextBoxBody">
                            <input type="text" v-model="showHistory" id="SearchInputBox" h-model="showHistory"  autocomplete="off">
                            <div id="SearcheMagnifierbody" style="">
                               <i class="SearchMagnifier"></i>
                               <span id="SearchMagnifierText">男装</span>    
                            </div>
                        </div>
                        <div id="SearchButtonBody">
                           <button id="SearchButton_ba" type="submit">搜索</button>
                        </div>
                     </form>
                 </div>
                 <div class="SoftwareDownloadQRCode">
                    <a href="" class="SoftwareQRcode_ba">
                       <span class="SoftwareQRcodeText">软件下载</span>
                       <i class="SoftwareQRcode_icon"><img src="image/Qr_code.png" alt="QRcode" width="67px" height="67px"></i>    
                     </a>
                 </div>
             </div>

js

//搭建model
function showHistory (showHistory){
    this.name = showHistory;
}
showHistory.prototype.saveTolStorage = function(){
    //将this写入本地存储
    //先将以前的数据取出来,然后在合并到数据中,在写回去
    var storage = window.localStorage.getItem('showHistory');
    storage = storage ? JSON.parse(storage) : [];
    storage.push(this);
    window.localStorage.setItem('showHistory',JSON.stringify(storage));
}
showHistory.selectByName = function(showHitory){
    var storage = window.localStorage.getItem(showHitory);
    storage = storage ? JSON.parse(storage) : [];
    return storage.some(function (v){
        return v.name === showHitory;
    });
}

请帮助一下谢谢,

  • 写回答

1条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 1月6日
      • 已采纳回答 12月29日
      • 创建了问题 12月28日

      悬赏问题

      • ¥15 内存管理的一段代码不是很理解
      • ¥20 打开anaconda时卡在Loading applications无法进入界面
      • ¥15 网页超时时间设置失效
      • ¥15 有关绿色信贷毕业论文的问题
      • ¥30 关于#机器人#的问题,如何解决?
      • ¥15 求MATLAB函数ScalarLayerDisplay的代码
      • ¥15 安卓如何自动执行检测到的NFC标签,无需再点确认
      • ¥15 pyHM库mouse模块的ValueError错误
      • ¥15 python opencv 摄像头 传感器
      • ¥30 eMMC&Android&C&Linux