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

通过点击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条回答 默认 最新

  • ✎﹏ℳ๓敬坤 2021-12-28 23:36
    关注

    不知道是否是要回车的效果跟点击了登录的效果一样
    如果是的话,你可以通过给input标签绑定@keydown="enterToLogin"事件
    然后enterToLogin写逻辑

    enterToLogin (ev) {
            ev.keyCode === 13 && this.login()
        }
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

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

悬赏问题

  • ¥15 基于作物生长模型下,有限水资源的最大化粮食产量的资源优化模型建立
  • ¥15 生成的QRCode圖片加上下載按鈕
  • ¥15 板材切割优化算法,数学建模,python,lingo
  • ¥15 科来模拟ARP欺骗困惑求解
  • ¥100 iOS开发关于快捷指令截屏后如何将截屏(或从截屏中提取出的文本)回传给本应用并打开指定页面
  • ¥15 unity连接Sqlserver
  • ¥15 图中这种约束条件lingo该怎么表示出来
  • ¥15 VSCode里的Prettier如何实现等式赋值后的对齐效果?
  • ¥15 流式socket文件传输答疑
  • ¥20 keepalive配置业务服务双机单活的方法。业务服务一定是要双机单活的方式