首页 > 其他分享 >vue xxx.find is not a function;

vue xxx.find is not a function;

时间:2024-04-02 16:14:08浏览次数:12  
标签:function vue xxx window localStorage data find

错误:1.后端获取数据集合,存到 vuex store 中和本地 window.localStorage;

   2.因为要解决刷新丢失问题在routeconfig中路由拦截重新 拿到本地数据window.localStorage 保存到store中;

   3.界面刷新报错:vue xxx.find is not a function

分析:1.xxx类型确实不是数组;

   2.因为在存储本地的时候,数据类型为string; 在重新赋值到本地的时候变为了string; 

解决:一、在用到的时候用array.from(xxxx); 可以解决;

          二、在存储的时候做一个判断重新用json parse();如下图所示:

    saveSysDicList(state, data) {               if(typeof data ==='string' && data!='undefined')               {                   state.sysDicList =JSON.parse( data);               }               else               {                   state.sysDicList = data;                   window.localStorage.setItem("SysDicList", JSON.stringify(data));               }           }

标签:function,vue,xxx,window,localStorage,data,find
From: https://www.cnblogs.com/cdxy2005/p/18110802

相关文章

  • Vue2 和 Vue3 中的 v-model 的区别#记录
    vue3对v-model的语法进行了改动。vue2中有两种方式实现数据的双向绑定(组件与外部数据的双向绑定),一种是使用v-model,另一种是使用v-bind.sync修饰符。vue2中的v-model,主要是进行value属性的绑定和input事件的派发。<ChildComponentv-model="pageTitle"/>//等价于<Child......
  • 基于springboot+vue+Mysql的企业客户信息反馈平台
    开发语言:Java框架:springbootJDK版本:JDK1.8服务器:tomcat7数据库:mysql5.7(一定要5.7版本)数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:Maven3.3.9系统展示系统首页技术文档界面问题信息界面个人中心后台登录界面管理员功能界面客户管理界面问题信息......
  • 18-Vue路由
      安装vue-router包[email protected]  ......
  • Vue学习笔记70--全局前置-路由守卫 + 后置路由守卫 + 独享守卫 + 组件内守卫
    路由守卫简介作用:用于对路由进行权限控制分类:全局守卫(前置路由守卫+后置路由守卫)、独享守卫、组件内守卫全局--前置路由守卫+ 后置守卫 示例1importVuefrom'vue'2importVueRouterfrom'vue-router'3importHomefrom'../views/Home.vue'4imp......
  • vue中表单修改提交前利用watch找出新数据和原来数据之间的改动
    <template><div><[email protected]="submitForm"><inputv-model="formData.name"type="text"placeholder="Name"><inputv-model="formData.email"type......
  • Ant Design Vue中的table与pagination的联合使用
    效果: 代码:<a-table:dataSource="dataSource":columns="columns":pagination="pagination"@change="handleTableChange":scroll="{x:'100%',y:600}"></a-table>......
  • vue3从精通到入门9:计算属性computed
    在Vue3中,computed 是一个用于创建计算属性的工具,它基于组件的响应式依赖进行复杂的计算,并返回一个新的响应式引用。计算属性是Vue的一个核心概念,它提供了一种声明式的方式来执行基于其依赖的响应式数据的计算。computed使用:计算属性与常规属性类似,但是它们是基于它们......
  • 2024前端vue面试问题以及答案
    Vuex相关问题Vuex是什么,它解决了什么问题?Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex的核心概念有哪些?State:存储所有组件的状态。Getters:类似于计算属......
  • Vue 3.0 + Element-Plus + Ruoyi
    1项目搭建1.1项目源码1.2项目架构后端目录结构ruoyi-admin:后台服务的核心模块,包含主要的业务处理逻辑。ruoyi-common:公共模块,包含工具类和通用代码。ruoyi-framework:框架核心,包含安全、配置和核心管理功能。ruoyi-generator:代码生成模块,用于自动生成代码。ruoyi-quar......
  • Vue.js基础指令
    (在讲指令之前,可以先了解插值表达式,如果已经知道,当我没说)一.插值表达式1.数据绑定最常见的形式就是双大括号的文本插值,Mustache上属性的值替代。只要绑定的数据对象上属性发生了改变,插值处的内容都会更新。,message是将数据解析成纯文本的,也就是说,就算中含有了html,message......