![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Coder‘s
这个作者很懒,什么都没留下…
展开
-
Vue实现对游客用户生成唯一的UUID
项目场景:为游客用户生成一个UUID,以方便购买产品。解决方案:使用UUID生成唯一的ID:具体使用步骤如下:1、首先封装uuid,生成uuid。新建文件:uuid_token.js//uuid_token.jsimport {v4 as uuidv4 } from 'uuid'//要生成一个随机字符串,且每次执行不能发生变化,游客身份持久存储export const getUUID=()=>{ //先从本地存储中获取uuid(先看一下本地存储中是否存在) let uuid原创 2021-12-15 10:12:00 · 2575 阅读 · 0 评论 -
在浏览器中使用会话存储的方式,传递较为复杂的参数数据
项目场景:在实现购物车的案例中,需要将较为复杂结构的数据,通过路由传递给另一个组件。首先排除了使用query参数进行传递,该方法是可行的。但是在地址栏中会显示的很复杂,不是相对完美的解决方案。这里使用了HTML5新增的技术进行数据的传递。思路是:先将数据转化为字符串,然后通过会话本地存储的方式进行数据存储到浏览器本地,再在需要用到该数据的页面中,获取到这个数据,再转化为JSON格式,以达到获取数据的目的。解决方案:数据发送方//在数据发送方的方法中:sessionStorage.setIt原创 2021-12-14 14:31:58 · 756 阅读 · 0 评论 -
Vue实现,购物网站添加购物车时,购买数量的校验
项目场景:在使用Vue实现购物网站案例时,需要在添加到购物车时,对商品的数量限制为只能是整数,以防止用户随意输入。解决方案:省略其他无关代码<template><div class="cartWrap"> <!-- 购买的商品数量 --> <div class="controls"> <input autocomplete="off" class="itxt" v-model="skuNum" @change="chan原创 2021-12-14 10:04:59 · 1451 阅读 · 0 评论 -
Vue实现图片放大镜效果
一、需求描述: 在使用Vue进行项目开发时,需要把产品的照片进行放大展示。方法图片随鼠标在一定范围内,移动而放大。二、需求分析:例如:Handler 发送消息有两种方式,分别是 Handler.obtainMessage()和 Handler.sendMessage(),其中 obtainMessage 方式当数据量过大时,由于 MessageQuene 大小也有限,所以当 message 处理不及时时,会造成先传的数据被覆盖,进而导致数据丢失。三、解决方案:<template原创 2021-12-13 16:55:51 · 5245 阅读 · 0 评论 -
webstorm 远程开发提示没有权限的解决方法
webstorm 远程开发提示没有权限的解决方法在配置完webstorm后,宿主机是windows系统,由于安装npm失败,只能远程链接linux服务器开发了。当编敲完代码后,上传文件,显示以下错误。在linux上看了一下,原来是这个文件夹,我没有权限修改,是root的,而我的当前用户是:a所以没有权限修改。解决办法:修改一下,前段文件夹用户权限,以及用户信息。可以给文件夹加权限就好了sudo chown -R 用户名 项目文件夹名称例如:sudo chown -R a projec原创 2021-08-09 18:05:30 · 799 阅读 · 0 评论 -
Vue小白遇到的各种看不懂的报错--TypeError: Cannot read property ‘$createElement‘ of undefined
vue-router.esm.js?dd77:1921 TypeError: Cannot read property ‘$createElement’ of undefined原因及解决办法下面的代码多了一个s,纯属语法错误!!在原创 2021-05-12 22:56:53 · 204 阅读 · 0 评论