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

通过点击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日

      悬赏问题

      • ¥20 有人知道怎么将vsi格式的图片文件,转换为svs格式的文件吗
      • ¥15 历史模拟法计算var实验报告
      • ¥15 白鲸算法优化K值的VMD分解出错
      • ¥20 写一个基于52单片机用hc-05蓝牙模块控制28BYJ-48步进电机进行旋转,在手机蓝牙串口输入1019电机转半圈,输入2038电机转一圈,输入0复位的代码吗
      • ¥15 求51单片机8位数码管计时器程序
      • ¥20 matlab识别螺母边缘
      • ¥15 python 6x6游戏加登录、记录系统
      • ¥100 基于做一个模拟智慧路灯
      • ¥15 ME21N 创建采购成功并且生成采购订单号,但显示“快件文档更新已取消”,SM13看错误提示为如下截图:
      • ¥30 android 集成fmod实现变声功能中遇到的问题