前端
划水的鲸鱼
不忘初心的鲸鱼
展开
-
Failed to resolve directive: lazy
Failed to resolve directive: lazy原创 2023-03-11 20:48:24 · 933 阅读 · 0 评论 -
vuex持久化储存
vuex如何做持久化储存,刷新页面值不丢失。原创 2022-12-04 15:56:34 · 477 阅读 · 0 评论 -
vue 父组件和子组件生命周期执行顺序
Vue 的父组件和子组件生命周期执行顺序可以理解为以下 4 点:加载渲染过程父 beforeCreate -> 父 created -> 父 beforeMount -> 子 beforeCreate -> 子 created -> 子 beforeMount -> 子 mounted -> 父 mounted子组件更新过程父 beforeUpdate -> 子 beforeUpdate -> 子 updated -> 父 updated原创 2021-09-24 10:54:24 · 2789 阅读 · 0 评论 -
vue3 provide inject用法
父组件<template> <div id="nav"> <h3>{{title}}</h3> <button @click="setTitle">同时改变title</button> </div></template><script> import { ref, provide } from 'vue' export default { setup() {原创 2021-09-23 15:57:25 · 148 阅读 · 0 评论 -
Module build failed: Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.
Module build failed: Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.node-sass版本过高导致的,卸载重装低版本:1.卸载已安装版本 npm uninstall node-sass2.安装 npm install node-sass@4.14.13.npm run dev原创 2021-04-03 18:19:03 · 2087 阅读 · 1 评论 -
vue jest 报错Cannot find module ‘babel-preset-local‘
vue项目后期新增jest测试问题做测试的小伙伴一般有两种情况乱:1.新建vue项目 可以 一并安装jest测试,2.后期安装jest但是第二种就极其的不方便,依赖包的各种版本问题,是否支持ES5语法…等等…在做第二种的时候我就遇到了这个棘手的问题: FAIL tests/unit/helloworld.spec.js Cannot find module 'babel-preset-local' Require stack: - C:\Users\11466\Do原创 2020-12-29 19:16:55 · 1654 阅读 · 0 评论 -
git commit 报错
$ git commit -m “XXXXXX”husky > pre-commit (node v12.18.4)Stashing changes… [started]Stashing changes… [skipped]→ No partially staged files found…Running linters… [started]Running tasks for src//*.{js,vue} [started]eslint --fix [started]eslint -原创 2020-12-21 17:07:01 · 1674 阅读 · 0 评论 -
element-ui tree子节点全选获取父节点的信息
后端要求,如果子节点都选中了,就不要传子节点了,只要把父节点的信息传出去。查找了element-ui文档,也没找到方法。只能自己写,希望对你们有帮主。getSimpleCheckedNodes(data) { const checkedNodes = []; const traverse = function(node) { const childNodes = node.root ? node.root.childNodes : node.childNodes; childNodes.for原创 2020-12-15 14:38:11 · 1181 阅读 · 1 评论 -
vue ui不能启动,没有反应
原因:版本太低版本低于3时没有ui功能1.卸载老版本npm uninstall vue-cli -g2.下载新版本npm install @vue/cli -g3.启动命令vue ui原创 2020-12-11 09:22:46 · 3389 阅读 · 2 评论 -
vue点击按钮防止多次提交
<Button type="success" @click="submit" :disabled="isDisable">提交按钮</Button><script> export default { return { isDisable: false,//默认按钮可以点击 }, methods: { submit() { this...原创 2020-12-02 15:56:07 · 489 阅读 · 0 评论 -
Vue jest test 自动化单元测试
https://github.com/lenvonsam/vue-jest-test/wiki/原创 2020-11-27 09:34:01 · 417 阅读 · 0 评论 -
VUE Element-ui 级联选择器修改 value label属性值
HTML:<el-cascader v-model="dept" clearable :options="options" :props="SetKesDept" class="inp"></el-cascader>JS:<script> export default { data(){ return { SetKesDept:{原创 2020-11-25 14:16:26 · 2218 阅读 · 0 评论 -
marker 上的气泡 callout的使用
不废话,直接上图和代码:markers: [{ id:1, latitude: 31.23, longitude: 121.45, iconPath: '../../static/icon/tag.png', callout:{ color:'#ffffff', content:'气泡内容', fontSize:16, borderRadius:5, bgColor:'#FF0000', padding:20, textAlign:'center', displ原创 2020-08-21 10:34:04 · 3771 阅读 · 3 评论 -
小程序页面跳转然后刷新
我们一般在A页面跳到B页面,在B页面做完缓存需要再次跳回A页面。这时候会发现,是退回A页面,而且页面没有刷新该怎么办呢?//存储到本地uni.setStorage({ key: '键', data: '值', success: function () { //跳回A页 uni.switchTab({ url: '/pages/index/index', success(){ let page = getCurrentPages().pop原创 2020-08-20 14:12:36 · 1330 阅读 · 0 评论 -
小程序自动化测试jest
官方文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/auto/quick-start.html准备工作:1.下载官方的demo,https://github.com/wechat-miniprogram/miniprogram-demo2.安装node.js3.安装微信开发者工具4.用微信开发者工具导入我们下载的项目demo以上环节准备好我们就开始按步骤讲解了:1.打开微信开发者工具,找到右上角详情按钮,打开,然后点击原创 2020-08-19 18:49:08 · 958 阅读 · 0 评论 -
uni-app原生复选框样式怎么修改
uni-app复选框样式修改众所周知微信小程序的官方复选框是绿色的,对于我这种新手,自然是拿来即用的。本来一个很简单的问题,因为网上大部分教程都是坑,所以导致了我踩了一下午的坑。最终还是自己静下心研究了一下。下次用的时候直接复制粘进CSS里就行了。 checkbox .wx-checkbox-input { border-radius: 50% !important; col...原创 2020-03-09 22:31:31 · 2585 阅读 · 3 评论 -
UNIAPP点击动画 animation 点击动效
UNIAPP点击动画 animation例子 <view :animation="animationData" style="background:red;height:10rpx;width:100rpx" >内容</view> <button @click="rotateAndScale()" style="z-index: 999;">点我</...原创 2020-03-09 20:43:20 · 9164 阅读 · 5 评论