vue需要将内容存储到本地缓存 这个地方的“文件数量”是从子组件传递过来的,如果不进行处理,当此页面刷新时,数据会清空为0. 此时可以考虑将数据存储到本地缓存。子组件代码<div class="submit"> <el-pagination background @current-change="handleCurrentChange" :current-pa
vue,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法:<input type="text" v-model="cityName"/> new Vue({ el: '#root', data: { cityName: 'shanghai' }, methods:{ Namechange:f
转载 2024-04-23 16:06:38
401阅读
需求如下:如下问卷调查,每做完一个问卷,相应的新任务数量(红色label)跟个人任务列表都需要少一条数据,假设下面截图一为页面1,截图2为页面2,页面2为页面1的子路由,如:{path:'/page1',component:PageOne,children:[{path:'page2',component:PageTwo}]},当由children路由/page1/page2跳回page1时,当
vue,页面监听store数据 的变化以及时做出相应,watch、computed与store的getter属性协调如题目所示,今天来讲一个非常简单但是非常常见的使用场景。假设在用户登录的时候,store会全局用户的相关信息,当用户退出登录后,store里面的信息会清空,同时,在某一个页面,内容很多,你不想每次进入的时候都通过刷新一下来重新获取store内容,而是想要自动地监听store对应内
2.cookie知识介绍Cookie是key-value结构,类似于一个python的字典。随着服务器端的响应发送给客户端浏览器。 然后客户端浏览器会把Cookie保存起来,当下一次再访问服务器时把Cookie再发送给服务器。 Cookie是由服务器创建,然后通过响应发送给客户端的一个键值对。客户端会保存Cookie, 并会标注出Cookie的来源(哪个服务器的Cookie)。当客户端向服务器发
vue监听机制v-on可以用 v-on 指令监听DOM事件,并在触发时运行一些JavaScript代码。 注意: 事件修饰符 在事件处理程序调用event.preventDefault()或event.stopPropagation()是非常常见的需求。尽管我们可以在方法轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理DOM事件细节。 为了解决这个问题,Vue.js为v-o
转载 2024-06-01 02:09:02
47阅读
目录前端开发之Vue框架一、Vue31、Vue3创建项目2、setup函数3、ref和reactive4、计算属性和监听属性5、生命周期6、toRefs7、script setup的作用和lang8、Vue后台管理模板前端开发之Vue框架一、Vue3简介:是最新发布的版本,相比于Vue2改变了部分语法,很多新项目都使用Vue3,部分老项目还在使用Vue2Vue3变化:1.性能的提升 -打包
转载 2024-06-06 12:05:07
123阅读
vuecookies的使用有时候做登录时会有一个记住密码的需求,这个时候可以使用cookies把账号密码存起来,下次再进来就免去了输入账号密码的需求。原生cookies操作比较麻烦这里我们使用js-cookies,先下载:npm install --save js-cookie安装成功后在需要的地方进行调用:import Cookies from "js-cookie";先看看在data定义的
原创 精选 2024-10-21 16:37:27
284阅读
一、问题1.1、环境 电脑环境:Windows 10; 开发工具:IntelliJ IDEA; 数据库环境:Redis 3.2.100 JDK环境: Jdk1.8;1.2、问题 【Vue】我们再一个系统退出的时候,如何才能做到干干净净地退出呢?二、解答首先,我们得明白1点,干干净净退出系统的标准: 1、sessionStorage 没有缓存用户的token等令牌信息; 2、localStorage
转载 1月前
340阅读
为什么使用Vue指令?就是要实现JS与HTML的分离HTML的结构应该定义在HTML文件,而不是散落在JS代码JS代码仅仅是通过Model去控制View,而不是定义View。一、条件渲染指令v-if指令条件渲染指令 它根据表达式的true/false来删除或添加元素 语法: v-if="expression’ expression 是一个返回bool值:true:显示false:元素删除转换为
转载 2024-10-16 10:27:28
17阅读
1.单点登录(SSO)SSO英文全称Single Sign On,单点登录。SSO是在多个应用系统,用户只需要登录一次就可以访问所有相互信任的应用系统。1.1. Cookie问题电商平台通常由多个微服务组成,每个微服务都有独立的域名,而cookie是有作用域的。查看浏览器控制台:domain:作用域名domain参数gmall.comsearch.gmall.comitem.gmall.comg
最近在vue项目中使用echarts.js完成诸如饼图,环形图,折线图,折线图加柱状图,和柱状图(水平柱状图和垂直柱状图),以及柱状图堆叠,下面请看图片展示:如上图所示基本上echarts的简单图表都是涉及到了,那么接下来主要详细介绍一下图表的相关配置项,其实这些东西echarts官方文档都是有的,但是想要快速构建跟我们设计图一样的样式还是需要点时间的,根据以上的例子,详细介绍一下开发中所需的配置
V第干种用大是使处来框这它段观开有个理和近ue 项目中工具函数,我们通常会添加到Vue的原型,这样就实现了全局能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果动函数import Vue from 'vue' Vue.prototype.$tools = function (){}复制代码只带道术用量确示常构端析以要效开的用,近不需要将绑定的这段js引入到main.js即
Vue SVG 动态渲染 包括(绑定事件,修改元素,SVG缩放) 支持PC 移动业务需求: SVG动态渲染页面 可以修改SVG元素属性,点击事件,SVG的缩放移动vue + svg + D3 借鉴了一些其他博主的案例来实现template页面默认设置 存入 svg 模块<template> <div> <div class="back"><
  pinia的简介和优势:Pinia是Vue生态里Vuex的代替者,一个全新Vue的状态管理库。在Vue3成为正式版以后,尤雨溪强势推荐的项目就是Pinia。那先来看看Pinia比Vuex好的地方,也就是Pinia的五大优势。可以对Vue2和Vue3做到很好的支持,也就是老项目也可以使用Pinia。抛弃了Mutations的操作,只有state、getters和actions
转载 2024-04-24 09:57:18
185阅读
vue-cookies用于登录,一般和vuex一起使用 vuex在各个组件共享值,cookie恒久保留值 一、安装 二、引用(在store.js文件) 三、操作 1、设置 2、获取 3、删除 4、查看cookie是否存在 5、获取所有cookie 6、例子
vue
原创 2021-07-14 11:03:38
218阅读
目录简介localStorage的使用语法示例sessionStorage的操作语法示例cookie的操作vue-cookie语法示例vue-cookies语法示例js-cookie的使用简介cookies 临时存储在客户端,并且有过期事件,到过期时间会被自动清理。sessionStorage 临时存储在客户端,关闭浏览器后就会清空。localStorage
转载 2024-07-17 06:25:17
661阅读
文章目录一、`$emit`监听事件二、使用watch1.watch监听数据变化2.watch监听路由变化3.`watch`的属性`immediate`与`deep`、`handler`方法三、computed计算属性的使用四、`watch、computed和methods`之间的对比 一、$emit监听事件vue的组件,一层一层的执行着$emit方法,再通过组件上的@方法监听方法的调用(父组件
问题:在vue中使用swiper 就是不知道什么时候dom元素创建完成,我们把swiper的初始化(new swiper)最后放在了updated生命周期中,可以正常使用;但是复用性能不好,且updated时会频繁更新,会造成多次swiper初始化实例。解决方法(以下三种):1.封装组件,可以提高复用性,且new swiper 放在组件的mounted 生命周期中不会影响性能;head引入一下
cookie是浏览器存储数据的一种机制一、设置cookie cookie的时效分为: 1、会话时效 session (关闭浏览器自动删除)(默认) 2、自定义时效 document.cookie = ‘name=张三’指定时效,只要不超过时间,cookie就会一直存在 设定一个函数,来执行带有时效的cookie; 参数一:键名 参数二:数值 参数三:时效 cookie的时效是当前时间的开始func
转载 2024-02-28 15:56:04
112阅读
  • 1
  • 2
  • 3
  • 4
  • 5