![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE.js
文章平均质量分 51
Black____White
慢慢学习,不断学习,向上学习
展开
-
前端下载文件(exe,zip,js等)的几种方式
注意:如果要是本地下载一些静态资源(除图片外) 资源要放在public目录文件下,不然打包后路径你会发现很多报错,下载找不到路径。jt是public下的一个文件夹, this.urlName是你要下载的文件的名字。其它文件类型下载基本都是一样的 调用后端get接口,使用blob类型。前端一般通过创建a标签下载文件。后端传的话需要调用get接口。原创 2023-02-23 11:25:53 · 1953 阅读 · 0 评论 -
vue3快速学习(vue2转vue3学习)
首先要知道的一些方法,基础api。避免看不懂vue3。1. reactive返回对象的响应式副本,实际上reactive 将解包所有深层的 refs,同时维持 ref 的响应性。个人理解:相当于把reactive里面的内容a,push到一个对象中,而且还互相相应。我称这个对象为依赖于a的副本。内容为空,后续通过 obj.count = count 这样的写法,也能将其绑定响应。const obj = reactive({ count: 0 })响应式转换是“深层”的——它影响所有...原创 2022-03-11 10:57:51 · 2004 阅读 · 0 评论 -
关于IE的内存回收机制 和 vue在ie上tab页关闭内存不释放问题的尝试与思考
最近接手一个有后端搭建的前端项目,去收拾烂摊子。让我来优化该页面在ie上的白屏问题首先我看代码 代码结构是keepalive + element的tab插件 + menu插件 做的一个菜单点击,tab标签弹出展示项目。首先进来将element等一些组件改成按需引入 一些iframe在离开页面时需关闭。 一些v-if等的处理后面想去解决白屏时发现 这后端keepalive的include属性做的是个假的,也就是这个后端写了个假的动态缓存组件,没有半点用(真不知道这玩意是怎么上线的)、没办法,...原创 2021-09-22 16:20:45 · 2398 阅读 · 2 评论 -
vue+echarts大屏地图以及在大屏上画线和数值(最新echart5.0)
最近工时要求开发一个大屏项目做到原创 2021-06-17 15:58:20 · 1262 阅读 · 0 评论 -
vue打包报错 ERROR in static/js/0.4403c1dd262870db3c27.js from UglifyJs TypeError: Cannot read property ‘
打包报错ERROR in static/js/0.4403c1dd262870db3c27.js from UglifyJsTypeError: Cannot read property ‘sections’ of null网上有很多种方法,比如在webpack.base.conf.js的路径种添加框架的css,js什么的,一一试过都不好使下面是重点打开你的 webpack.prod.conf.js 文件,找到 plugins 下面的new UglifyJsPlugin({ ugli原创 2021-05-25 16:53:40 · 409 阅读 · 0 评论 -
vue优化,解决bug: Waiting for update signal from WDS...时间过长,keep-alive包裹的navtab切换组件不断切换导致页面卡顿以及浏览器内存过高
keep-alive包裹的navtab切换组件不断切换导致页面卡顿以及浏览器内存过高当这个navtab不断切换时,js heap size就会慢慢变高。解决办法:1:查找一下setTimeout定时器有没有清除2:keep-alive缓存是否清除3:是否用了iframe (很大嫌疑)当你的页面上的iframe是直接引用而不是隐藏在组件弹出框中的话,就会造成:每次切换到这个页面,除非秒切,不然会触发webpack的dev机制,引发 Waiting for update signal from原创 2021-01-13 16:40:43 · 6772 阅读 · 1 评论 -
vue+element弹出框设置可以上下左右拉伸,移动,双击放大效果
**在网上找了很多,移到项目后总不满意,然后结合着自己改了一个。直接放注册指令代码,需要自己生成一个js文件放进去,并在main.js里面引入```javascriptVue.directive('dialogDrags', { bind(el, binding, vnode, oldVnode) { // 弹框可拉伸最小宽高 const minWidth = 400 const minHeight = 300 // 初始非全屏 let isFullS原创 2020-11-19 16:54:58 · 1509 阅读 · 0 评论 -
vuex模块化管理在正式项目中的运用及其注意事项
vuex一般用于中大型项目,其内容有state 存放状态 mutations state成员操作(处理数据,更改保存到state中。用法this.$store.commit ) getters 加工state成员给外界 actions 异步操作(一般用于处理请求逻辑之后将数据给mutations,用法this.$store.dispatch ) modules 模块化状态管理modules 的每个模块拥有自己的state、mutation、action、get...原创 2020-10-22 16:13:14 · 272 阅读 · 0 评论 -
vue组件——slot插槽(个人理解解释)
什么是插槽?概念:插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定。核心是:显示不显示和怎样显示。插槽是一块模板,从模板种类的角度来分,其实都可以分为非插槽模板和插槽模板两大类。从模板种类的角度来分,其实都可以分为非插槽模板和插槽模板两大类。它的显示与隐藏以及怎样显示由插件自身控制。插槽模板是slot,它是一个空壳子,因为它显示与隐...原创 2019-09-23 16:16:54 · 975 阅读 · 0 评论 -
Vue配置路由和嵌套路由的爬坑
首先你要在src目录下新建一个文件夹来放你接下来要建的Vue文件如图:建立好文件夹和文件夹内的vue文件后,他会自动生成内置的一些代码(这都不重要)接下来就是要配置路由router,也就是配置index.js文件配置index.js文件首先你要引入你的文件import Privacy from '@/pages/account/Privacy' 前面是你的文...原创 2018-12-12 15:03:02 · 771 阅读 · 0 评论 -
vue技术杂记
以后会慢慢更新如果你的语句有一条没有执行,可以在它前面加debugger来调试想要在子组件中调用父组件的方法(如:打开model弹出框后,关闭刷新表单数据)在父级中先provide出你要用的函数,再在子组件中inject注入如:父级:export default { provide(){ return { goBack:this.goBack ...原创 2019-02-21 14:38:14 · 248 阅读 · 0 评论 -
vue在一个函数中调用另外一个函数
如:在vue的methods中一个函数调用另外一个函数this.$options.methods.函数名字();(这样的话要注意,this的指向已经指向了这个实例而不是指向全局,所以可能会报错说bind没有函数绑定)要this指向全局实例,要在后面加.bind(this) 如:this.$options.methods.函数名.bind(this)()...原创 2019-02-21 14:37:17 · 10810 阅读 · 2 评论 -
vue跨页面传值
this.$router.push({ name: 'Login', params: {to: 'InnovateProject'}name:你要去的页面,在router里面要设置nameto:传的值(到另外一个页面接受时就只接受to)如:this.$route.params.to这就另外一个页面是接受路由跳转直接在@click后面写的话不要加thi...原创 2019-02-21 14:33:42 · 2186 阅读 · 0 评论 -
Vue循环实现多个div盒子展示和其中button按钮等跳转路径设置
写这篇文章是因为我因为那个路径被整的头疼,话不多说上代码 <div> <div v-for="item in Arr" :key="item.id"> <p>{{item.name}}</p> <button @click="gopage&qu原创 2018-12-17 18:25:10 · 5212 阅读 · 2 评论