- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue 父组件和子组件生命周期执行顺序
Vue 的父组件和子组件生命周期执行顺序可以理解为以下 4 点：加载渲染过程父 beforeCreate -> 父 created -> 父 beforeMount -> 子 beforeCreate -> 子 created -> 子 beforeMount -> 子 mounted -> 父 mounted子组件更新过程父 beforeUpdate -> 子 beforeUpdate -> 子 updated -> 父 updated
2021-09-24 10:54:24
2812
原创 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
152
原创 2021-07-23
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据三,mark前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库
2021-07-23 15:43:12
80
原创 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
2096
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
1668
原创 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
1721
原创 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
1193
1
原创 vue ui不能启动，没有反应
原因：版本太低版本低于3时没有ui功能1.卸载老版本npm uninstall vue-cli -g2.下载新版本npm install @vue/cli -g3.启动命令vue ui
2020-12-11 09:22:46
3399
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
493
原创 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
2245
原创 vue 页面长时间静止不动，触发自动退出事件
import store from ‘@/store’import router from ‘@/router’import Cookies from “js-cookie”;const TokenKey = “X-Litemall-Admin-Token”;var timer = nullclearInterval(timer)export function isOperateFun() {var lastTime = new Date().getTime() // 最后一次点击时间var
2020-11-17 09:20:42
1319
原创 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
3853
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
1343
原创 小程序自动化测试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
971
原创 nginx server设置
server{listen 80;access_log /www/wwwlogs/weiqingtest.access.log;server_name www.swimwhales.com;index index.php index.html index.htm;root /www/wwwroot/www.swimwhales.com;location ~ \.(gif|jpg|jpeg|png|bmp|ico)$ { expires 7d;}location / {
2020-08-05 20:12:35
127
原创 Fiddler抓取数据，出现乱码怎么办
Fildder抓包数据乱码怎么办几个简单的设置就好了几个简单的设置就好了居中的图片: (勾选上None)[外链图片转存中…(img-BywSlInP-1595472248254)]
2020-07-23 10:47:34
815
原创 uni-app原生复选框样式怎么修改
uni-app复选框样式修改众所周知微信小程序的官方复选框是绿色的，对于我这种新手，自然是拿来即用的。本来一个很简单的问题，因为网上大部分教程都是坑，所以导致了我踩了一下午的坑。最终还是自己静下心研究了一下。下次用的时候直接复制粘进CSS里就行了。 checkbox .wx-checkbox-input { border-radius: 50% !important; col...
2020-03-09 22:31:31
2590
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
9215
5
原创 css中绝对定位，相对定位怎么用
css中绝对定位的用法这里我们遵循 一个子绝父相原则记住:子绝父相，这样解释，子标签绝对定位,父标签相对定位。即可实现。<view class="father"><view class="child">我是子元素</view> </view> 这时候，我们就已经实现了绝对定位，子元素相对于父元素是不动的，就是绝对定位。...
2020-02-21 11:57:18
201
原创 uniapp阻止冒泡的方法，点击事件嵌套点击事件，怎么阻止同时触发
uniapp阻止冒泡的方法当我们遇到点击事件嵌套点击事件的时候，点击里边的事件，外边的也会跟着触发该怎么办？ 起初我尝试用了css里的修改z-index属性的方法，把里边的<view>标签放在上边，结果两个事件还是同时触发。(无效) 这种情况应该就意识到这是冒泡事件啊，那是不是该联想到阻止冒泡了呢。实例: <view class="fparent" @click="s...
2020-02-20 09:37:50
7836
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人