随笔分类 - vue
摘要：一个node package有两种依赖，一种是dependencies，一种是devDependencies，其中前者依赖的项该是正常运行该包时所需要的依赖项，而后者则是开发的时候需要的依赖项，像一些进行单元测试之类的包。 其实应该还有一种不常见的依赖optionalDependencies，表示可
阅读全文
摘要：原因： 谷歌插件的映射未能成功加载。 解决方案一： 上述未能加载的地址其实指向谷歌浏览器插件→“迅雷”，禁用即可 步骤一： 打开浏览器“设置”中的扩展程序（或在上方地址输入 chrome://extensions ） 步骤二： 禁用“迅雷”插件 解决方案二： 谷歌浏览器支持了js源地图，禁用即可 步
阅读全文
摘要：替换matcher可以做到 亲测有效 原文链接 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) const createRouter = () => new Router({ mode: 'history',
阅读全文
摘要：最近跟着组里的大佬面试碰到这么一个问题， Q：说说var、let、const的区别 A：balabalabalabla... Q：const定义的值能改么？ A：你逗我？不能吧 不知道各位看官怎么想？答案是部分能改，部分不能改。const定义的基本类型不能改变，但是定义的对象是可以通过修改对象属性等
阅读全文
摘要：最近在看element-ui的源码，发现了一个这样的属性:inject.遂查看官网provider/inject provider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通过inject来注入变量。 需要注意的是这里不论子组件有多深，只要调用了injec
阅读全文
摘要：首先先创建一个自定义组件 @/components/IconFont/index.js import { Icon } from 'ant-design-vue' // 自定义icon 详情：https://www.antdv.com/components/icon-cn/ const IconFo
阅读全文
摘要：错误： warning.js?d96e:34 Warning: You cannot set a form field before rendering a field associated with the value. You can use `getFieldDecorator(id, opt
阅读全文
摘要：如题 ant-design-pro@1.0.0 lint-staged: `lint-staged` 解决方法： 找到webpack.json 或者 package.json 每个项目配置文件名不一样，可以尝试通过全项目搜索 npm run lint-staged 找到并且移除 "husky": {
阅读全文
摘要：同比是：上月金额 和 本月金额进行对比 环比是：上月此时 和 本月此时进行对比 相应计算公式是：( 本月金额 - 上月金额 ) / 0.01
阅读全文
摘要：child.jsx <div> {this.$slots.footer} </div> )
阅读全文
摘要：我们使用watch监听数据时，有三个选项，handler，deep，immediate handler 我们平时的写法，就默认写的是handler，vue.js会处理这个逻辑，最终编译出来就是这个handler（可参考我上篇文章的watch） watch: { // 通过输入框文字的变化，来改变下面
阅读全文
摘要：本文章是在vue中使用moment，其在react 中使用都大同小异。 安装 npm i moment -S 引入 import moment from 'moment' Vue.prototype.$moment = moment 使用 // 这里因为上面 已经 把 moment 引入 vue中了
阅读全文
摘要：页面步骤： 1.设置a-tree标签2.默认的treeNodes值设置为空数组3.在mounted组件加载的时候给treeNodes的值赋值 结果： 设置defaultExpandAll无效，并不能展开所有节点 原因： defaultExpandAll 仅在组件第一次渲染时有效，不仅仅tree组件，
阅读全文
摘要：var obj={ name:"wz", age:"12", sex:"女" } console.log(Object.values(obj)) var arr=Object.values(obj) console.log(Object.entries(obj))
阅读全文
摘要：computed: { isFollow () { return this.$store.state.demo.id; //需要监听的数据 } }, watch: { isFollow (newVal, oldVal) { //do something } },
阅读全文
摘要：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/users”. 关于这个报错的原因和解决方案如下： 原因： 源码 install 安装依赖时，Router（
阅读全文
摘要：npm i qs 首先找到axios.js，加如下代码： if (config.method 'get') { // 如果是get请求，且params是数组类型如arr=[1,2]，则转换成arr=1&arr=2 config.paramsSerializer = function(params)
阅读全文
摘要：说明: 封装一个公共方法connectWebsocket() ，进行全局调用 1、在src下创建utils文件夹，目录下创建index.html import config from '@/config' export default { // websocket websocket: '', //
阅读全文
摘要：<template> <div> <ul> <template v-for="(item) in items"> <li @mouseover="selectStyle (item) " :class="{'active':item.active}" @mouseout="outStyle(item
阅读全文
摘要：一、v-if data() { return { content: "喵喵喵", play: true } } <template> <div id="root"> <div v-if="play">{{ content }}</div> <div class="button" @click="to
阅读全文
