vue

1、问题描述： 一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值。 2、解决思路： 办法一：将vuex中的数据直接保存到浏览器缓存中（sessionStorage、localStorage、…

Vue CLI的安装-MAC 安装 创建一个项目 安装 在任意位置安装这个包 sudo npm install -g @vue/cli 然后在输入密码 下载过程中会出现一个安装软件,安装即可 安装成功后在重新输入刚刚的命令即可安装成功 sudo npm install -g @vue/cli 创建一个项目 运行以下命令来创建一个新项目： vue create 文件夹名称 vue create he…

Vue中获取各类型input标签的值 HTML中input标签的tyle类型实际上有23种；常用的有text、password、radio、checkbox、button、file。现在就在Vue中获取常用的值 获取text类型的值 //html <input type="text" v-model="val"> //js console.log(this.val); 获取passwo…

封装成对象，暴露出去共享使用 1、新建js文件 2、因为需要用到元素运动来实现歌词自上而下滚动的效果，又不想引用jquery增大js的加载，所有在对象内部封装了一个运动函数。 3、主要的函数是添加定时器来实现歌词和歌曲的播放的时间同步，因为歌曲有暂停的功能，所以也添加了清除定时器来实现歌词暂停的功能，此时在对象内部的两个函数中用到了同一个参数定时器，所有需要将定时器定义成对象自身的一个参数来实现参…

  <div class="big-img-…

Axios与proxy反向代理 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 1、Axios 的特性 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF 2、Axios 的安装 …

项目需求中经常会遇到请求数据量很大并且需要通过图表来展示的问题，这时候便需要在柱状图、折线图组件上增加横向滚动条，方便用户查看数据。 上图： 其实很简单，只需要在图表组件中增加dataZoom属性，便可以增加滚动条，配置如下： dataZoom=[ { type: 'slider', //滑动条型数据区域缩放组件 realtime: true, //拖动时，是否实时更新系列的视图。如果设置为 fa…

点击事件失败原因： router-link会阻止click事件，你可以试试只用click不用native,事件是不会触发的。而a标签不会阻止。 在vue学习中遇到给router-link 标签添加事件@click 、@mouseover等无效的情况 解决方案： 根据Vue2.0官方文档关于父子组件通讯的原则，父组件通过prop传递数据给子组件，子组件触发事件给父组件。但父组件想在子组件上监听自己的…

目录 一、快速上手 （1）HelloWorld （2）demo2：平移、放大与缩小 （3）demo3：节点和边的配置 二、画布 （1）Graph、Panning、MouseWheel （2）Transform 三、基类Cell （1）addNode和addEdge、markup和选择器 （2）自定义节点添加图片、自定义节点定制Css （3）添加文本节点、通过控制面板控制属性 （4）拖拽式页面基本案…