vue2
文章平均质量分 57
啊栋哥哥
这个作者很懒,什么都没留下…
展开
-
vue动态代理无须重启项目解决方案
有时候我们需要使用不同后端服务器地址,也就是我们开发中所说的测试环境、灰度环境、正式环境等,这个时候如果我们需要使用不同的环境地址的时候,就需要使用命令或者手动修改。我们在项目启动后,手动修改代理配置文件的代理地址,然后刷新页面,就可以使我们的新代理地址生效。当项目项目越来越大的时候,我们需要很长的时间来启动项目,如此反复,极大影响我们开发进度。是无法感知文件的变化,所以代理的还是旧的地址,所以我们需要重新启动项目来使配置生效。函数读取配置文件的内容,也就是我们的代理地址。选项的配置也是基于这个包的配置。原创 2022-09-18 01:19:18 · 1131 阅读 · 0 评论 -
tabulator-tables使用总结(避坑大法)
实践中使用tabulator-tables的总结,经过长期的实践,总结出常用的api设置和避免官方的坑...原创 2022-08-20 16:31:16 · 1442 阅读 · 0 评论 -
vue全局query(vue-router函数拦截)
有时候我们需要在每个页面的跳转中传入固定的参数,但是又需要混入其他的参数。在vue-router中没有提供这样的api,这时候我们可以使用函数拦截的方式,改写vue-router的router.history.transitionTo的方法,将我们需要混入的全局参数注入vue-router中。1.第一步新建global-query.js文件,然后在mian.js文件中引入// main.jsimport 'global-query.js'原创 2022-03-16 21:46:40 · 770 阅读 · 0 评论 -
深入解读provide/inject原理
provide和inject选项需要一起使用,它允许祖先组件向其所有子孙组件注入依赖,并在其上下游关系成立的时间里始终生效,不论组件层级有多深。1. 我们简单回顾一下provide/inject的使用方式如下:var Provider = { provide: { foo: "bar" }}var Child = { inject: ["foo"], created() { console.log(this.foo); // "bar原创 2022-03-16 20:18:30 · 2607 阅读 · 2 评论 -
Vue如何优雅地进行事件解绑和解绑
使用vue的同学一定对事件的绑定和解绑再熟悉不过了,以开启scroll事件为例,我们一般的写法是这样的:export default { name: "test", data() { return {}; }, mounted() { window.addEventListener("scroll", this.scrollHanlder); }, beforeDestroy() { window.removeEventListener("scroll",原创 2022-03-13 13:19:54 · 3141 阅读 · 1 评论 -
剖析$nextTick原理与特性
1. $nextTick的作用是什么?$nextTick的作用是将回调延迟到下次DOM更新周期之后执行。new Vue({ // ... methods:{ example: function(){ this.message = 'change'; this.$nextTick(function(){ // DOM更新了,可以拿到最新的DOM }) } }})原创 2022-03-08 20:35:00 · 2234 阅读 · 0 评论