vue2
文章平均质量分 63
HQ8806
爱分享的一只程序猿,嘿嘿
展开
-
mock功能
后端接口的开发速度跟不上前端的进度, 而前端要实现业务还必须依赖数据,前端为了保证开发进度就需要自己mock数据 ,保证业务能正常开发。在项目中的组件中正常使用ajax发请求即可,或者采用测试工具来做测试。仿照table.js的写法,写入news.js的内容如下。在mock/index.js中,引入news.js。在mock目录下创建一个news.js文件。写一个获取新闻列表的接口。分析现有的代码功能,仿写一个。什么时候需要mock?原创 2022-12-22 14:19:25 · 468 阅读 · 1 评论 -
Vue2 之 配置路由
因长时间只写小程序项目,不写后管项目,导致我连最基础的路由配置都不会写。原本想的是让大哥把路由配置好,我写页面的,但是呢,┭┮﹏┭┮,有几个页面跟我即将写的内容一模一样,大哥让我直接借鉴。我曾预料过,我会卡在配置路由这边,但不曾想预料成真,但没事,卡在这,大哥跟我分析原因,我总结记录下,下次忘记了,可以直接看自己写的文章回忆回忆,真的是 好久不写后管项目真的啥都忘了。原创 2022-12-21 17:02:46 · 1642 阅读 · 0 评论 -
点击二维码扩大后缩小
由于项目的需求(生成二维码后点击二维码,让二维码扩大,再次点击缩小),此需求需要我使用到vue-qr生成二维码组件,官网里有这个组件的使用方法及属性现在的重点是 在 el-table 表格中 实现点击功能,若点击功能实现了,那岂不是离扩大缩小功能近了我之前 还想着 直接在 el-table-column 属性里 添加点击事件,奈何不生效,后找到了方法,很简单,原创 2022-12-13 18:55:01 · 699 阅读 · 0 评论 -
vue2项目中将详细地址转换 为 两段(省市区)(后面的地址)
即 上上上文 点击高德地图随机位置 都能获取到当前点击的经纬度、以及地址,也能把数据传递给表格,但现在又有个需求,就是要求,把已经获取的地址 划分为两段,第一段就是 省市区 ,第二段就是区后面的 位置。原创 2022-10-18 23:00:02 · 603 阅读 · 0 评论 -
全屏功能
如果当前是全屏状态,按下ESC会恢复到普通状态,而此时组件中的数据项却没有变成false,所以导致图标没有及时修改过来。在顶部的工具栏中补充一个按钮,点它之后进行全屏展示。为了方便复用功能,把它注册成一个全局组件。给icon 添加点击事件,在回调中使用使用插件的核心api。分析全屏功能的实现逻辑;处于全屏状态和非全屏状态时的图标是不同的。注意:要想这个图片能正确显示,还必须在。,不过有兼容性问题,所以改用插件。●在显示图标时给出不同的class。中,引入组件,并注册成全局。●在全屏切换时更改它的值。原创 2022-10-17 21:52:15 · 310 阅读 · 0 评论