js
Kotoba209_
学会在孤独中与自己交谈,听自己说话,从而学会深刻。
展开
-
Error: [vuex] do not mutate vuex store state outside mutation handlers
1. 问题解析通常出现这种错误是因为 在 mutation 函数外修改了 state 里面的值,如:我这里的参数data是一个对象, 对象为引用类型, 像这样直接赋值只是把地址赋值到当前变量上, 地址指向的值还是同一个对象。 所以在其他地方修改参数data的时候相当于是在修改state里面的selectedSpec, 然后就会报错了。数组同理。2. 解决方法可以通过值拷贝的方式把参数data拷贝一份再赋值给state里面的变量,如果只是简单引用类型的值,可以通过浅拷贝的方式数组也可以使用as原创 2020-05-29 16:00:36 · 2415 阅读 · 0 评论 -
npm 或 yarn安装依赖报错 EPERM: operation not permitted, unlink 解决方法
1. 权限问题检查是否限制为只有管理员才能操作,打开当前项目的文件夹然后选中要打开的项目文件,在点击左上角的 文件 然后以管理员身份运行。在里面执行安装命令npm i ...,yarn add ...2. 缓存问题npm清理缓存命令:npm cache clean --forceyarn清理缓存命令: yarn cache clean执行命令之后,若还是安装依赖失败,可以到C:\U...原创 2020-03-14 22:14:44 · 13427 阅读 · 0 评论 -
解决VSCode没有代码提示的问题
在使用vscode写代码的过程中,有时候会遇到代码提示没有了,还有自己定义的常用的代码片段,比如console 或者是const等等;// 自定义的代码片段"Print to console": { "prefix": "cl", "body": [ "console.log($1, '<-$1->');", ], "descripti...转载 2020-03-07 13:45:29 · 30488 阅读 · 4 评论 -
商城添加商品到购物车中逻辑
一般都会把商品信息存储于缓存之中,web端cookie可存的容量较小,sessionStorage关闭当前页面便会销毁数据,所以一般选择localStorage存储购物车的数据,小程序直至使用get/setStorageSync,本例为小程序,使用了uni-App框架。addToCart() { // 1 获取缓存中的购物车数组,初始为不存在,所以会得到一个空数组 let...原创 2020-02-26 15:54:29 · 729 阅读 · 0 评论 -
微信小程序商城
微信小程序电商平台视频学习:零基础玩转微信小程序跟着视频中老师敲了一遍,自己换了数据接口又折腾了一遍。数据使用的是:api工厂 ,免费使用,有配套的后台管理,更详细的使用可以前去官网查看相关文档。学习:微信小程序商城项目地址:https://github.com/Kotoba209/wx-mallapi工厂的使用:前往后台管理注册账户信息并登录登录后台,左侧菜单 “工厂设置” -...原创 2020-02-24 23:27:15 · 1459 阅读 · 0 评论 -
vue 解决路由参数变化 当前页面以及页面内的组件未更新的问题
需求描述:当前路由不变,参数改变,页面进行动态渲染如:/users/1 -> /users/2 ,参数由1变为2,页面数据需要更新,但是一般情况下原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会再被调用。先介绍用到的两个方法watch一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名...原创 2020-01-10 12:10:33 · 3086 阅读 · 0 评论 -
iview爬坑之路(一)render以及renderHeader函数
在此之前由于习惯了vue template的写法,使用render函数进行标签定义有些不大习惯,因此记录于此,以便日后参考。在项目中使用render函数最多的是iview的Table组件,所以以此为例自定义表内容用render函数自定义表内容语法: render: (h, params) => { return h(' 定义的元素 ', { 元素的性质 ...原创 2020-01-09 11:48:25 · 3870 阅读 · 1 评论 -
vue实现购物车页面操作 商品的单选和全选以及商品单价和总价的动态变化
vue框架搭建,UI库使用的是iview,购物车页面使用iview的table组件,没有用到element,不知道实现起来效果怎么样,感觉iview有点坑。准备工作:数据源shoppingCart:[ ];该数据数据结构如下const items = { id: data.id, num: data.num, img: data.img...原创 2020-01-08 17:42:21 · 2615 阅读 · 0 评论 -
vue 对象属性数组从对象数组中动态渲染值
数据格式如下arr1 = [ "规格", "重量" ]arr2 = [ { "规格": "7号", "重量": "10斤" }, { "规格": "5号", "重量": "8斤" }, { "规格": "7号", "重量": "9斤" } ]用v-for就完事了,循环两次<div v-for="(s, index) in arr1" :key="index"> ...原创 2019-12-30 16:25:40 · 2894 阅读 · 0 评论 -
js给变量赋布尔值的特殊写法
var i = 4;var j = 5;var bool = (i > j);// bool = false;var bool = (i < j);// bool = true;原创 2019-12-13 23:11:37 · 1123 阅读 · 0 评论 -
vue 解决连续点击按钮多次提交表单的问题
做表单提交的时候遇到一个问题:表单以及其他的数据提交,如果连续点击提交按钮,不做处理的话会导致同一个表单提交多次到数据库。一开始想到这个问题,简单,在data函数中定义一个变量然后绑定到按钮的disable属性中点击提交按钮后把disable设为true,这样就会禁用按钮了,然后发出请求提交数据后在回调函数中再把disable改为false大功告成!但是问题来了如果后端出现问题导...原创 2019-12-04 18:14:41 · 6706 阅读 · 0 评论 -
axios封装的请求方法
import axios from 'axios';import { getToken} from '@/utils/auth';// eslint-disable-next-lineimport Message from 'iview/src/components/message';const service = axios.create({ baseURL: process...原创 2019-12-02 17:35:11 · 293 阅读 · 0 评论 -
vue父组件通过props传值设置子组件的样式
一. 子组件在元素中绑定样式在props中写入style绑定的变量二. 父组件引入子组件并注册在子组件元素中绑定需要传的变量并给值原创 2019-11-27 09:37:47 · 2620 阅读 · 0 评论 -
VScode 配置Vue ESlint + 格式化代码
1. 安装插件ESlintveturPrettier - Code formatterManta’s Stylus Supremacy2. 在setting.json文件中添加配置代码依次打开 : 文件(file)–>>首选项(preferences)–>>设置(settings)在搜索框中输入setting.json在大括号中添加如下代码// v...转载 2019-11-26 12:07:05 · 772 阅读 · 0 评论 -
vue选项组通过点击实现Class切换
首先使用v-for指令动态生成选项组html<ul class="content clear"> <li v-for="(item, index) in items" :key="index">{{item.title}}</li> </ul>jsdata() { return { ite...原创 2019-07-31 10:49:42 · 429 阅读 · 0 评论 -
vue.js父子组件通过Prop传值
前言:本文主要记录父子组件之间通过prop进行数据传递的方法一,即将Prop中的值赋值给本地定义的属性,不涉及prop的其他特性父组件向子组件传值先写一个简单的子组件,内容如下<template> <div> <span class="child">{{msg}}</span> <br> </d...原创 2019-08-16 13:23:41 · 2476 阅读 · 0 评论 -
JSON学习笔记
JSON学习笔记一. 简介JSON(JavaScript Object Notation) 是一种轻量级的文本数据交换格式,使用 Javascript语法来描述数据对象,语法上与创建 JavaScript 对象的代码相同,所以在JavaScript 中处理 JSON数据无需解析器(API或工具包)。二.语法数据在名称/值对中“username” : “kotoba”数据由逗号分...原创 2019-11-21 11:50:28 · 116 阅读 · 0 评论