![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
酷酷的Nian
努力吧,少年
展开
-
require.context 实现 “去中心化“ 管理
公司的电信大型项目,200多个路由,那么其中二级路由非常之多,我们首先会想到可以模块化封装子路由,然后循环引入children数组中,如下:// 路由{ path: '/home', name: 'home', component: () =>import('@/views/home.vue'), children: [] // 这里放的是guest这个子路由}// 循环引入children中function pushRouter(name, t原创 2021-06-09 19:31:35 · 509 阅读 · 1 评论 -
Vue子组件调用父组件的方法
1、this.$parent.event 调用父组件的方法// 父组件<template> <div> <child></child> </div></template><script> import child from '~/components/dam/child'; export default { components: { child }, me转载 2021-05-21 11:48:47 · 503 阅读 · 0 评论 -
2021 - 前端切换Tab的实现 - 标签上自定义属性的获取方法(data-type)
实现1、<div> <button :class="[num == 1 ? 'active':'']" @click="num = 1">按钮1</button> <button :class="[num == 2 ? 'active':'']" @click="num = 2">按钮2</button></div> 实现2、<div> <button id="a" data-type="a"原创 2021-05-17 10:50:11 · 836 阅读 · 0 评论 -
2021 - vue注册自定义全局组件
1、main.js中注册自定义的全局组件import Loading from './components/Loading.vue'// 注册全局组件 - loadingVue.component('loading', Loading)2、挂载到vue实例Vue.prototype.$http = axios//全局可this.$http调用原创 2021-05-11 19:05:03 · 132 阅读 · 0 评论 -
2021 - JS精确计算(math.js库)
js计算时,会将十进制转换成二进制,再进行计算,但有些小数转换成二进制时候,出现了无限循环,由于位数有限,所以就出现了截取,所以就导致了再转化成十进制后结果的不精确.所以就出现了: 0.1+0.2 !== 0.3了解math.js.1、安装npm install mathjs --save2、引入import * as math from 'mathjs'3、操作let type1 = math.bignumber(0.1) // 使用math.js转换数据类型,才可原创 2021-05-11 11:20:23 · 3471 阅读 · 0 评论 -
2021 - $set \ $forceUpdate() 解决改变数组、对象中的值,不能实时渲染更新!
其实是这样的,当你改变数组或者对象中的值的时候,因为他们都是引用类型,都指向的是地址,所以他们不算真正的改变了,因为引用地址都没有改变,那么vue就不会及时的渲染更新!解决办法:$set(list, index, data) // list 想要改变的数组、对象// index 想要改变的下标// data 改想要改变的值...原创 2021-05-03 11:28:37 · 345 阅读 · 0 评论 -
2021 - vue解决刷新页面出现白屏的情况
在App.vue中<template> <div id="app"> <router-view v-if='isRouterAlive'/> </div></template><script> export default{ provide(){ return{ reload:this.reload } }, data(){ return{ isRouterAli原创 2021-03-25 15:30:15 · 1805 阅读 · 0 评论 -
2021 - 密码加密功能(md5)
//md5 引入import md5 from 'js-md5';Vue.prototype.$md5 = md5; // 引入全局// md5全局使用this.$md5('555555') // 注意,参数必须是字符串类型原创 2021-03-19 16:11:09 · 229 阅读 · 0 评论 -
require与import 的区别
1.import 是预编译加载,意思是在被编译的时候这个文件就会加载出来,就会被写入到内存当中,而require不会2.require 在从上到下执行的时候,才去加载原创 2021-01-13 13:53:08 · 94 阅读 · 0 评论 -
require引入的图片和直接引入的图片到底有什么区别?
require 是 node 中的一个方法,他的作用是 “用于引入模块、 JSON、或本地文件”。 也就是说如果我们使用 require 来引入一个图片文件的话,那么 require 返回的就是用于引入的图片(npm 运行之后图片的编译路径)。 而如果使用字符串的话,那么则是一个 string 类型的固定字符串路径。我们知道,src 中引入的图片应该为图片的本身路径(相对路径或者绝对路径),而 vue 项目通过 webpack 的 devServer 运行之后,默认的 vue-cli 配置下,图片会被打包原创 2020-06-07 15:18:10 · 7730 阅读 · 0 评论