Vue
关注
分享
扫一扫
Best_北诗
这个作者很懒，什么都没留下…
展开
-
vue3+screenfull实现部分页面全屏2025年3.13更新（遇到的问题会持续更新）
需求：除了左侧菜单，右侧主体部分全部全屏首先下载screenfull全屏插件页面引入我这里是右上角全屏图标</原创 2025-03-08 09:18:49 · 613 阅读 · 0 评论 -
vue中moment插件实现时间的格式化
根据需求需要把后端给的时间简化到年月日，接下来用插件来完成！首先第一步就是通过npm的方式下载moment这个插件。第二步下载下来了就要引入，引入到main.js中来。最后一步 在main.js配置完成以后就要用到了。原创 2023-05-11 14:35:54 · 427 阅读 · 0 评论 -
Vue+Element UI Table表格导出Excel和打印
Vue表格导出Excel和打印原创 2022-07-12 16:44:33 · 1228 阅读 · 2 评论 -
Vue调用后台接口渲染列表
下载Axios在min.js中引入拿到接口先封装一下api—>新建文件夹—>后缀名.js文件暴露接口名称,在那个页面调用接口就在哪个页面引入用element ui 里面的el-table和el-table-column这两个组件在data中定义一个存放列表数据的空数组在el-table中动态绑定一下在methods中定义一个方法,调用接口,打印一下数据listPage是封装好的接口暴露出来的名称赋值完成以后,看一下需要展示那些数据,el-table-column中用p原创 2022-06-08 09:16:09 · 4720 阅读 · 1 评论 -
vue实现文字上下停顿滚动
需求:在Vue项目的顶部,来实现数据上下翻页+停顿滚动代码:html中写的<el-row :gutter="22"> <el-col :xs="24" :sm="24" :lg="24"> <!-- 头部滚动区域 --> <div class="text-container"> <div class="text-container" v-if="showTopSlide">原创 2022-04-21 14:49:34 · 2174 阅读 · 0 评论 -
小程序点击按钮跳转新的页面
小程序点击按钮跳转新的页面目前处于学习阶段,只是为了做笔记分享,还请大神多多指教第一步:首先要在app.json中的pages中创建想要跳转的文件夹,pages中第一个展示的路径就是小程序中的初始页面建立完成以后就会看到两个文件夹.js(js逻辑).json (json配置文件).wxml (页面内容).wxss (页面样式)文件也会跟着一起建立出来在login文件夹中写以下代码在这里我是以login为初始页面建立完成以后在.wxml中写一下内容<view><原创 2021-12-22 11:19:59 · 7382 阅读 · 1 评论 -
Vue+Echarts实现中国地图的省市切换
Vue+Echarts实现中国地图的省市切换首先要安装一下Echartsnpm install echarts在min.js中引入echartsimport * as echarts from 'echarts'Vue.prototype.$echarts = echarts;3.创建一个map.vue的组件,把一下代码复制到这个组建中<template> <div> <div class="echartsGroup">原创 2021-12-14 15:45:50 · 5045 阅读 · 14 评论 -
Vue+跑马灯样式实现文字横向滚动
Vue+跑马灯样式实现文字左右滚动需求:在Vue项目的顶部,来实现文字左右滚动步骤:可以自己封装一个组件,也可以自己写,也可以复制以下代码封装完成以后要在所需的组建中引入,注册,并使用代码:封装一个专门用来实现跑马灯效果的组件marquee组件<template><!-- 跑马灯组件 --> <div class="marquee-wrap" ref="marquee-wrap"> <div class="scroll" ref="原创 2021-11-22 16:56:53 · 2629 阅读 · 2 评论 -
2021-11-05TypeError: Cannot read properties of undefined (reading ‘img‘)
TypeError: Cannot read properties of undefined (reading ‘img’)关于这种问题不要慌 , 建议换个浏览器试试相同的项目,相同的代码,在Google Chrome中打开以后就报这种错误验证码打显示不出来但是换了火狐浏览器就什么是都没了。谷歌真垃圾!!!...原创 2021-11-05 09:01:45 · 1312 阅读 · 0 评论 -
使用Vue ui （可视化）创建Vue项目
使用Vue ui （可视化）创建Vue项目首先打开电脑硬盘上随便一个文件夹我这里是用E盘做的演示打开E盘后，输入cmd（我这里是E盘根目录，如果不想用根目录可以新建文件夹）cmd的位置，当然要是新建文件夹后，cmd也是在这里输入输入好cmd以后会弹出一个终端在终端上输入 vue ui如果敲了回车不生效不要着急我来教你解决先Vue -h检查一下此时Commands中少了一个ui的相关信息在控制面板中运行一下两行命令：npm uninstall vue-cli -g //卸载原创 2021-10-11 16:34:16 · 28922 阅读 · 17 评论 -
解决Vue中的v-model指令在谷歌浏览器中实现不了的办法
今天上午同样的代码在我电脑上实现不了,在我同事电脑上能实现,在我的电脑上实现不了,当时想到了Vue配置环境的问题,结果不是<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<原创 2021-01-15 13:12:21 · 430 阅读 · 2 评论 -
Vue中 的Get , Delete , Post , Put 传递参数
这里写自定义目录标题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript" src="js/axios.js"></script> <s原创 2020-10-09 23:44:45 · 5065 阅读 · 3 评论