vue
vue
来碗疙瘩汤
卑微小白,记录搬砖
展开
-
vue封装axios(token)
src目录下新建 api 文夹并新建 index.js 文件。main.js中使用。原创 2023-01-14 11:40:40 · 817 阅读 · 0 评论 -
vue中使用wangeditor富文本编辑器
研究一番发现弱国想要怎加或者修改编辑器的功能首先要获取这个功能的key。因为这个编辑器我想让他在弹窗中出现,而且我不需要那么多功能。这种编辑器有好多选择了wangeditor富文本编辑器。这个时候编辑器的功能已经实现了 如下图。项目中要求实现富文本编辑器取编辑内容。文档里面既然有这个那就肯定可以实现。这个时候就可以看到每个功能的key了。再按照官方的指引 cv 如下代码。就可以实现你想要的功能了,如下图。但是目前为止他还不是我想要的。这个时候只需要回到代码里面添加。就可以看到详细内容了。原创 2022-11-02 12:05:56 · 13273 阅读 · 3 评论 -
vue关闭弹窗清空弹窗输入框中的内容
其实我们只需要在弹窗el-dialog上面@close="handleClose(这个随便起)",然后在再methods中写上就好了。其实有两种方法一个是element组件中关于form表单中有这个清空的方法,第二个就是我接下来写的方法。关闭弹窗再次打开,还有刚刚输入的值,那么是不是就应该写个关闭弹窗时候的方法让他清空这个表单。我编辑之后点了确定,可是再次打卡这个弹窗时还是有我刚刚输入的数据。原创 2022-10-29 16:35:16 · 4454 阅读 · 0 评论 -
WebSocket connection to ‘ws://x.x.x.x:8080/ws‘ failed:报错
WebSocket connection to 'ws://x.x.x.x:8080/ws' failed:报错原创 2022-09-22 17:10:57 · 52490 阅读 · 16 评论 -
vue根据后台传的id显示名称
用v-if获取当前行的status的值,scope.row表示获取当前行。这个状态值status有1和2两个值分别对应启用与不启用两个选项。在日常开发中,后端大哥做好数据之后,给前端就OK了。解决这个问题有很多方式,今天以状态为例,浅讲下。其中产品名称,分类,状态后端给的都是id。作为小白看到后端大哥给的id有些头大,干。利用v-if 与 v-else。提前给status的值赋上名字。这是我要实现的页面效果。下面是接收到的后端数据。原创 2022-09-22 18:06:00 · 2774 阅读 · 1 评论 -
vue不配置路由,切换页面
我期望实现是这样的效果,点击资料设置 ,右侧会显示资料设置页面,点击修改密码 ,右侧会显示修改密码页面。在日常开发中,通常实现页面跳转是通过路由实现的,那么不利用路由能否实现这个功能呢?这样就可以实现不使用路由,切换页面了。合理运用v-if完美实现。原创 2022-09-23 13:57:33 · 3950 阅读 · 1 评论 -
vue实现动态下拉框
vue实现动态下拉框原创 2022-09-27 10:10:22 · 2483 阅读 · 1 评论 -
vue3配置多页面
分析需求之后可以使用vue配置多页面,通常我们使用vue制作的都是单页面因公用,运用vue中page就可以实现这个功能。多页面的话,是两个不同的项目,合并到一起,所以创建了admin和member两个文件夹,文件夹下面对应了每个页面的。简而言之,就是在不配置路由的情况下,输入admin和membe会进入管理端页面和会员端页面,先说下项目需求,地址栏中更换,不同地址进入页面不同,类似路由,以下为两个地址。这些配置完成之后,在vue.config.js里面配置多页。内容,路由,入口文件。原创 2022-10-13 13:41:58 · 3174 阅读 · 0 评论 -
vue生成二维码
所需页面引入 import QRCode from 'qrcodejs2'因项目需要,需要有一个点击按钮生成二维码的功能,扫码可以获取详细内容,开始搬砖。所需页面引入 import vueQr from 'vue-qr'可是我要的是点击按钮后有多个二维码,简单只要设置个循环就好了,看代码。本人查找到生成二维码有两种方式。下面来介绍下qrcode。方式二:vue-qr。本人用的是qrcode。方式一:qrcode。这样一看还是挺简单的。原创 2022-10-13 14:03:00 · 1117 阅读 · 0 评论 -
vue中控制element表格列的显示与隐藏
思路就是:我们通过vue的监听功能来监听复选框的变化,当复选框发生了变化的时候,我们看对应复选框的选中和未选中的值。选中的为true让对应的列显示、隐藏的为false让对应的列隐藏。当然因为vue是数据的双向绑定的,所以我们就让对应的列的隐藏和表格的隐藏一一对应即可。根据项目需要,需要可以动态控制表格列的显示与隐藏,如下图,复选框选中状态下为显示,为选中状态下为隐藏。原创 2022-10-13 14:55:37 · 6809 阅读 · 0 评论 -
vue上传图片
vue后台管理项目经常会遇到表单中上传图片的需求,我们运用element中的upload就可以实现这个功能,效果如下。在使用upload之前建议大家去读一边upload的文档,知道每个属性都是干什么的,到这里就完成了图片上传的操作了。先看下后端给的接口文档。原创 2022-10-14 11:22:40 · 6242 阅读 · 1 评论 -
vue利用插件循环生成后端url链接生成二维码
其中checkinfo为后端返回的url数组,利用v-for循环生成单个的url链接。根据后台返回的链接,生成对应二维码。本次循环生成二维码利用的插件时。原创 2022-10-22 17:58:07 · 685 阅读 · 0 评论 -
vue中利用高德地图选取经纬度
点击哪里,输入框中就会绑定哪里的经纬度 ,这里用的是高德地图来实现的,首先要去高德地图api申请一个key。项目中要求,鼠标点击地图可以获取到当前地址的经纬度。首先根据高德地图的引导安装插件。这样就可以了,还是很简单的。直接cv拿去,不用谢。原创 2022-10-29 13:23:16 · 3536 阅读 · 1 评论