vue2
介绍vue2相关知识,组件封装技巧等
先知demons
停在港口的船是最安全的,但这并不是造船的目的
展开
-
超好用的element的el-pagination分页组件二次封装-附源码及讲解
前言:在很多后台管理系统开发时总会有很多分页组件的使用,如果我们每次都用elementui官网的el-pagination去写的话,调整所有分页的样式就会很麻烦,而且页面内容也会很累赘繁琐。一般来说listQueryFn函数需要在页面刚加载的时候就调用一下、页面按搜索按钮的时候也要调用一下,再就是用户点击下一页的时候调用。listQueryFn是放前端请求接口的函数,我这里红框只是个示意,用的时候写成自己的接口就行。(我一般都是搭配el-table去使用的,表格组件封装请看我的另一篇帖子)原创 2024-09-30 16:08:58 · 261 阅读 · 0 评论 -
前端实现websocket通信讲解(vue2框架)
最近接到的需求是前端需要实现一个全局告警弹窗,如果使用ajax请求http接口只能用定时器定时去请求是否有告警,这样既消耗资源,又不能实时监测到告警信息。所以这个时候就可以采用websocket来实现通信,因为websocket不用请求一次才响应一次,它可以实现服务器主动发送。原创 2023-05-30 16:18:48 · 5899 阅读 · 0 评论 -
vue2父子组件传参方式汇总
父子通信:父传子:通过props的方式来传递数据子传父:通过自定义的事件来进行触发传递将这种参数传递的方式称为 自定义事件的方式通信。而且也是目前工作中用的最多的。mychange就是你们自己定义的事件名字。这个事件名字不要跟系统名字一样,比如:click、change、focus等等子组件代码eg:(子组件触发自定义事件,触发自定义对应事件函数就会立即执行)$emit是vue提供给我们的一个api,可以触发自定义事件优点:子组件通过api触发事件就可以传递参数,无需自己调用函数。原创 2023-05-31 17:25:34 · 2322 阅读 · 0 评论 -
vue项目中vue.config.js中配置webpack详解
vue-cli3以前的版本中把webpack的配置都写在config文件中,可以vue-cli3以上的版本中没有了config目录,可以将配置webpack的文件写在vue.config.js文件里面。是一个可选的配置文件,如果项目的 (和同级的) 根目录中存在这个文件,那么它会被自动加载。你也可以使用中的vue字段,但是注意这种写法需要你严格遵照 JSON 的格式来写。原创 2024-05-13 09:30:57 · 3331 阅读 · 1 评论 -
超好用的element的el-table表格组件二次封装-附源码及讲解
前言:在很多后台管理系统开发时总会有很多表格的使用,如果我们每次都用elementui官网的el-table去写的话,调整所有表格的样式就会很麻烦,而且页面内容也会很累赘繁琐。讲解一个我经常使用的二次封装el-table组件,该组件可以容纳很多种特定的需求并且非常简便。所有例子都是使用vue2+elementUI,如要使用vue3稍作修改即可,也可评论问我原创 2023-10-26 17:17:23 · 4825 阅读 · 26 评论