vue
文章平均质量分 56
赵小左
前端菜鸟,喜欢打滚摸爬。
展开
-
React、Vue项目中如何调用多个不同的后台请求地址
在项目每次发起请求的时候,根据当前业务传入不同的参数,分别获取不同的请求接口即可。线上一个服务器,那如果说这是在内网环境下部署呢,就比如医院项目中,有三个服务器,一个资源上传,一个普通接口(包含认证),一个表单数据记录。上述代码中axios,是我二次封装的axios,axios的部分代码如下,它接收传递进来的url 做为项目的请求地址。首先,我们先来拆解它的需求,也就是说我们一个网页项目需要同时使用三个不同地址的需求。原创 2022-10-19 15:49:50 · 4179 阅读 · 2 评论 -
React、Vue项目build打包编译后如何再修改后台请求地址
目打包编译 npm run build 之后成为了普通的静态网页才可上线进行部署及发布。同样这时候我们也已经将代码全部写好了。如果说要改里面的某个值或者修改请求地址我们应该怎么办呢?原创 2022-10-19 15:13:30 · 3244 阅读 · 2 评论 -
Vue之函数式弹窗组件的封装原理
很明显指的就是vue的实例。细心的朋友会发现,这个页面与以往的组件页面不一致,那是因为,我们本次的组件是需要JavaScript来调用的,而非传递数据改变其状态调用。所以在这一步,我们就必须将当前的弹窗进行实例化,因为我们不是常规使用组件方法,所以这是哈哈我们使用Vue.extend 或者 newVue 实例化后,利用$mount 挂载到body下。因为我们通过已知的业务,通知可以是多条的,并且每一条都可以有不同的展示时间,所以在弹窗展示这里,我们用notices 数组来保存一个个的单内容。原创 2022-10-18 15:48:13 · 1859 阅读 · 1 评论 -
Vue之如何动态渲染.vue文件
动态渲染.vue文件其实存在于很多地方,例如近期做的表单设计器就是其中一个,生成vue代码后,应用在其它地方。要求下载完vue文件在其它项目中引入即可使用。那么动态渲染.vue项目如何去做呢?原创 2022-10-17 18:23:16 · 3529 阅读 · 3 评论 -
Vue之深入理解extend与手动挂载$mount
这样既可以使用 .vue 来写复杂的组件(毕竟在 template 里堆字符串很痛苦),还可以根据需要传入适当的 props。上一章节我们说到,创建一个vue实例的时候,都会有一个选项el,来指定实例的根节点,如果不写el选项,那组件就处于未挂载状态。方法对组件进行了手动渲染,但它仅仅是被渲染好了,并没有挂载到节点上,也就显示不了组件。的作用,就是基于 Vue 构造器,创建一个“子类”,它的参数跟。,就可以让组件渲染,并且挂载到任意指定的节点上,比如 body。手动渲染的组件,如果要销毁,也要用。原创 2022-10-14 18:43:13 · 1234 阅读 · 0 评论 -
vue之浅谈extend与$mount
使用场景:在写vue时,不管是cdn的方法还是在webpack里用npm 引入vue,我们都会有一个根节点。并创建一个实例。类似于 webpack 。也有一个入口文件。在main.js里,最后会创建一个实例。因为webpack 基本都是前端路由的,它的html里一般都只有一个根节点其余都是通过JavaScript来进行完成的,也就是说许多的vue组件,每一个页面也是一个组件。比如,我们要使用一个组件 渲染时,这个自定义标签就会被替换为组件的内容,而且在哪写的自定义标签,就在哪里被替换。换句话说,原创 2022-10-14 11:25:12 · 442 阅读 · 0 评论 -
Vue黑科技之组件万能通信方法
findComponentsUpward 的使用场景较少,一般只用在递归组件里面,因为这个函数是一直向上寻找父级(parent)的,只有递归组件的父级才是自身.最后还是要叮嘱大家,这5个函数的原理都是通过递归,遍历找到指定组件的name选项匹配的组件实例并返回。context.$children 得到的是当前组件的全部子组件,所以需要遍历一遍,找到有没有匹配到的组件。name,如果没找到,继续递归找每个 $children 的 $children,直到找到最近的一个为止。寻找兄弟组件的方法,是先获取。原创 2022-10-13 19:59:04 · 312 阅读 · 0 评论 -
写Vue就是在写一个个的组件
vue最精髓的就是它的组件与组件化,写一个vue工程,其实就是在写一个个的组件。原创 2022-10-12 19:46:24 · 326 阅读 · 0 评论 -
vue之vue2.x基础知识
v-bind:class = "{ active : isActive }"( isActive 是一个bol类型的值,false不添加,true为添加。v-on:click.self.prevent只会阻止元素本身元素的点击事件。( v-on:click.self=“ ” )点击事件只在当前绑定元素上触发。3.vue的条件语句(为true的时候,显示,为false的时候隐藏)数组的索引循环 (v-for=“(v,i) in users”)/键值对形式循环对象:(键值对形式)k代表的是值,v代表的是键。原创 2022-10-12 18:49:46 · 281 阅读 · 0 评论 -
从0开始,带你开发自己的web前端开发脚手架并发布到npm
随时前端的发展,在大团队下前端的规范性及开发便携性以及如何提升研发效能是前端开发的首要问题。如何提升研发效能呢?其实这种说法在大厂中比较常见。一个部门下有若干个前端团队,如果每一个团队都有不同的项目组件库,项目框架,http请求方法,不同的埋点方法或者工具方法,那在后期如果要联动开发是很难的事情。这时候就有了一个说法:前端开发脚手架!它的优点不言而喻:a **自动化:**项目重复代码拷贝/git操作/发布上线操作b **标准化:**项目创建/git flow /发布流程/ 回滚流程c **数原创 2021-04-09 13:16:57 · 439 阅读 · 0 评论 -
vue动态加载的菜单报错Cannot find module xxxxxx 与the request of a dependency is an expression 解决方法
element-admin 动态加载菜单报错:Cannot find module '@/views/ShopConfig/ShopLis并且控制台显示Critical dependency: the request of a dependency is an expression解决方法只有一个那就是将你之前的 () => import(`@/views${url}`) 将这个 改成resolve => require([`@/views${u原创 2020-05-18 15:58:49 · 2256 阅读 · 4 评论 -
iview的table 组件展开事件能否绑定到其他事件上?看这里!
许多小伙伴在使用iview的table表格展开列的时候可能会碰到一个问题,就是它的列展开事件能否去绑定到你正在点击当前列的某一个自定义按钮上呢?去查看官网的时候,官网文档也只说了个有个属性_expanded 设置为true 的情况下可以打开当前列。不过百度了下发现大多数人还是不清楚如何让两者进行联动。事件进行绑定呢?首先。我们先要去项vue的的原理是什么?数据驱动视图...原创 2019-07-19 12:47:55 · 888 阅读 · 0 评论 -
js解析递归json
日常在后台管理系统中我们常用到的有递归json。前端根据后端给的接口获取到当前后台管理系统左侧菜单列json。而这个json是一个递归数组。类似于如下:var data = [ { type:'1', children:[ { type:'2', child......原创 2019-03-01 13:52:46 · 2946 阅读 · 2 评论 -
Element-ui表格的列隐藏显示会使表格头数据错乱或者表格头样式变大
在使用Element-ui 框架的时候,相信过多的人会遇到一系列不属于技术范围的问题,甚至都没见到过,其实这类问题解决起来也是很好解决的。只需要用心再看一遍框架就好。今天就来给大家说一说使用element框架的时候,表格头为什么会错乱或者变大。<el-table-column v-if="TheCustomColumn1 == false && CustomColumn......原创 2018-09-26 14:16:04 · 8276 阅读 · 7 评论