demo_21 使用vuex管理历史记录

Posted luwei0915

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了demo_21 使用vuex管理历史记录相关的知识,希望对你有一定的参考价值。

效果图:

技术图片

1. 添加无搜索历史内容及样式

技术图片

 2. input传值给home-search

2.1 navbar 传值

技术图片

 2.2 home-search 接收

技术图片

 3. vuex的使用

3.1 创建目录 store,引入vuex实例

技术图片

 3.2 main.js中注册

技术图片

3.3 页面调用 historyLists

技术图片

 3.4 模拟添加历史记录

3.4.1 修改index.js代码,方便数组 historyLists 添加值

技术图片

 3.4.2 创建btn模拟添加历史记录

技术图片

以上是关于demo_21 使用vuex管理历史记录的主要内容,如果未能解决你的问题,请参考以下文章

使用cookie记录点击/浏览历史并以json格式存入

Git责备显示没有历史记录

如何停止在 Django 2.* 管理面板中记录最近的操作和历史记录?

列出 DB2 Warehouse on Cloud 中的 SQL 语句历史记录

WKWebView goBack(_:) evaluateJavaScript 如果返回超过 2 个历史记录失败

如何查看和删除网络连接历史记录