weixin_37877794的博客

vue中d3的click事件怎么获取对应数据？？vue @click 绑定的函数，如何同时传入事件对象和自定义参数？？vue中第三方插件的click事件，传回来第一个参数是vue的事件、第二个参数才是插件本身的内容。.on(‘click’, function ($event, e) {})https://blog.youkuaiyun.com/little_kid_pea/article/details/89736282html 文件中 d3 的 click 事件返回的.on('click', functi

码云上 13.6k star官网：http://www.twom.top/前端入口：http://vue.ruoyi.vip/system/dict文档：http://doc.ruoyi.vip/码云地址：https://gitee.com/y_project/RuoYi-Vuegithub地址：https://github.com/yangzongzhuan/RuoYi

【axios封装】面对多个baseurl 如何封装请求方法 多个服务器请求地址axios发送请求（baseURL有多个的情况）自定义axios配置多个ipaxios中文文档|axios中文网

el-form 中 input 框没有对其的原因 el-row 用了 :gutter。改用 &nbsp;修改后：不用 :gutter。改用 &nbsp; <el-form-item v-for="(item, index) in form.value" :label="`字典${index + 1}`" :key="item.id" :prop="`value.${$index}`

直接统一每一个 el-form-item 的高度.el-form-item{ margin-bottom:2px; height: 41px;}

el-form动态表单props正确写法，如何使用 validateField <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="ID" v-show="!isAdd"> {{ form.typeId }} </el-form-item> <el-form-item

遍历循环的key值要用不改变的值，用index！！！！这里用了id，但因为id会随时改变，出现bug了（输入一个字符就退出校验、要重新聚焦输入）修改 key 值。这就正常了

弹窗数据会影响外面table的数据，导致试图变化的问题。是不是要将数据深拷贝才行呢.是的要深拷贝this.form = JSON.parse(JSON.stringify( row));里面弹窗表单一边输入，外面table一直变化。就是因为没有深拷贝。this.form = row改成this.form = JSON.parse(JSON.stringify( row));...

https://cn.vuejs.org/v2/guide/components-custom-events.html#%E5%B0%86%E5%8E%9F%E7%94%9F%E4%BA%8B%E4%BB%B6%E7%BB%91%E5%AE%9A%E5%88%B0%E7%BB%84%E4%BB%B6el-row等封装的组件，@click无效，@click.native 才有效<el-row class="listdata" @click.native="addVisible = true"&gt

复制上面的链接会转跳到首页？？？这是正常吗？？？应该怎么测呢？？松子说：转跳首页正常的。

全局filters可以从全局方法中引入导出src/filters/index.js// import parseTime, formatTime and set to filterexport { parseTime, formatTime } from '@/utils'使用<el-table-column label="创建时间"> <template #default="{row}"> <!-- {{ row.createdAt }} --

https://www.cnblogs.com/tentacion/p/11543169.html如果是第一次就点击新增就没必要reset, 根据元素undefined判断if (this.$refs[formName] !== undefined) { this.$refs[formName].resetFields();}

文章目录slot-scope#defaultslot-scope<template slot-scope="scope">{{scope.row.name}}{{scope.$index}}</template><el-table-column label="姓名"> <template slot-scope="scope"> {{ scope.row.name }} </template></el-tab

https://www.jianshu.com/p/5d97d5e4af2cvue.config.jsdevServer: { port: port, open: true, host: '0.0.0.0', overlay: { warnings: false, errors: true }, before: require('./mock/mock-server.js'), proxy: { [proce

文章目录参考：方法一：style scoped 然后deep方法二：style 全局改样式修改前后对比参考：https://blog.youkuaiyun.com/ABCD198643/article/details/102319822https://blog.youkuaiyun.com/weixin_42204698/article/details/101757080方法一：style scoped 然后deep<style lang="scss" scoped>.border-width { bo

文章目录如何找问题？——把我自己的和element的模板对比，找问题。一步一步来。解决方法一：在el-menu下的组件外面加div包裹，设置 `display：flex；`然后通过css `deep`处理一个一个更改样式。（这方法比较麻烦）解决方法二：组件中`render`的方式渲染模板，不用`...`解决方法三：把组件拆开，分成两个组件，拿出来递归【但是会出现 内存超载的问题】解决方案四：只封装一个组件，其它全部在外层组件实现el-menu 的 mode设为horizontal 后，横向后，有bug。【

https://blog.youkuaiyun.com/qq_16072507/article/details/102720589强刷页面 window.location.reload(true);路由数据深拷贝（注：深拷贝会丢失函数；如果有箭头函数之类的不能深拷贝）async logout() { await this.$store.dispatch('user/logout') window.location.reload(true);//强制刷新整个界面}GenerateRoutes({com

https://blog.youkuaiyun.com/qq_43586840/article/details/112582215rootGetters{root: true}

https://www.imooc.com/wenda/detail/588902vue路由递归遍历找到所有符合条件的路由。传参里面还有 result=[]，用于输出多级菜单中符合条件的内容函数调用函数本身filterList(inputList, result = []) { inputList.forEach((item) => { if (item.menuType == 1) { result.push(item) } else if (item.m

https://blog.youkuaiyun.com/a12hhhe/article/details/106058676https://blog.youkuaiyun.com/qq_37473645/article/details/83176633https://blog.youkuaiyun.com/qq_1307495/article/details/105624268思路：通过 cookie 取 / 删 / 存<template> <div class="login-container">

next(`/login?redirect=${to.path}`) ///login?redirect=%2Fhome next({path:'/login', query:{redirect: to.path}}) //同上——/login?redirect=%2Fhome

throw new Error() 抛出错误验证后续代码是否正确

参考链接：https://blog.youkuaiyun.com/qq_42805569/article/details/111238634原因：vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误，但并不影响程序功能解决方案一、使用编程式导航跳转时，每次使用，后面都跟上.catch方法，捕获错误信息this.$router.push('/location').catch(err => ())解决方案二、全局解决：替换路由的Push和replace方法，放在src/router/in

https://blog.youkuaiyun.com/qq_41912398/article/details/109231418next() —— 放行next(’/’) —— 中断当前导航，执行新的导航。注意这里不是直接转跳，而是中断。beforeEach((to, from, next) => { beforeEach(('/logon', from, next) => { beforeEach(('/logon', from, next) => { beforeE

vue之element-ui文件上传：https://blog.youkuaiyun.com/viewyu12345/article/details/80850029

https://cn.vuejs.org/v2/api/#modelhttps://blog.youkuaiyun.com/weixin_41796631/article/details/83038198

https://www.cnblogs.com/wbl001/p/11063613.htmlhttps://www.jianshu.com/p/936897a58f82https://github.com/vuejs/devtools

Vue使用NProgress安装npm install --save nprogress使用//导入import NProgress from 'nprogress'import 'nprogress/nprogress.css'router.beforeEach((to, from, next) => { NProgress.start() next()})router.afterEach(() => { NProgress.done()})...

Vue组件之全局注册vue官方文档awesome-vue 集合了大量由社区贡献的插件和库。src/utils 下创建 globalComponents.js 文件//引入import BaseJsoncode from '@/components/BaseJsoncode'const plugins = { //注册 install(Vue) { Vue.component('BaseJsoncode',BaseJsoncode); //第一个参数:组件名称,第二

<pre><code id="json">{{axiosResponse}}</code></pre>若经常用，可以封装成组件，加以折叠等功能

Mock.js使用正确开启Mockjs的三种姿势：入门参考（一）Mock.js文档github地址

如何为 Vue 项目写单元测试

route vs router——https://blog.youkuaiyun.com/wangguoyu1996/article/details/80628135JS中，如何实现a1&&a2&&a==3为true——https://juejin.cn/post/6844904162925215757构建项目//pc端、移动端H5js//防抖节流区别在路由守卫中经常做些什么——111111111111、vue中的导航守卫（路由守卫）运用全局路由守卫 beforeEach前置

文章目录1 参考 & 概念2 实例1 参考 & 概念超简单直观理解懒加载（Lazyload）懒加载的原理及实现什么是懒加载和预加载原理：先将 img标签中的 src 链接设为同一张图片（空白图片），将其真正的图片地址存储在 img 标签的自定义属性中（比如data-src）。当js监听到该图片元素进入可视窗口时，即将自定义属性中的地址存储到src属性中，达到懒加载的效果。这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢，页面卡顿或崩溃等问题。2 实例&lt

computed 是计算一个新的属性，并将该属性挂载到 Vue 实例上，而 watch 是监听已经存在且已挂载到 Vue 实例上的数据，所以用 watch 同样可以监听 computed 计算属性的变化；computed 本质是一个惰性求值的观察者，具有缓存性，只有当依赖变化后，第一次访问 computed 值，才会计算新的值。而 watch 则是当数据发送变化便会调用执行函数；从使用场景上来说，computed 适用一个数据被多个数据影响，而 watch 使用一个数据影响多个数据。...

vue 和 react 都是采用 diff 算法来对比新旧虚拟节点，从而更新节点。在 vue 的 diff 函数交叉对比中，当新节点跟旧节点头尾交叉对比没有结果时，会根据新节点的 key 去对比旧节点数组中的 key，从而找到相应旧节点（这里对应的是一个 key => index 的 map 映射）。如果没有找到就认为是一个新增节点。而如果没有 key，那么就会采用遍历查找的方式去找到对应的旧节点。一种一个 map 映射，另一种是遍历查找。相比而言，map 映射的速度更快。...

原因如下：Object.defineProperty无法低耗费的监听到数组下标的变化，导致通过数组下标添加元素，不能实时响应；Object.defineProperty只能劫持对象的属性，从而需要对每个对象，每个属性进行遍历。如果属性值是对象，还需要深度遍历。 Proxy 可以劫持整个对象， 并返回一个新的对象。Proxy 不仅可以代理对象，还可以代理数组。还可以代理动态增加的属性。...

封装的组件利用了 input 的 value属性 和 input事件<template> <div> <input type="text" :value="val" @input="change"> </div></template><script>export default { name: 'InputValue', components: {}, props: { val: {.

文章目录1 router.js 文件2 main.js3 router.js 中 菜单配置1 router.js 文件引入 router全局使用 router创建 router 实例输出 router 实例2 main.js3 router.js 中 菜单配置在 router.beforeEach 中配置总菜单（常用菜单+后端返回的菜单）子菜单需要用到递归！！// 生成嵌套路由（子路由）function generateChildRouters(data) {

参考vue.config.js中有webpack 配置const { resolve } = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')const history = require('connect-history-api-fallback')const convert = require('koa-connect')// 使用 WEBPACK_SERVE 环境变量检测当前是否是在 webp