vue前端控制
思路：登录：当用户填写完账号和密码后向服务端验证是否正确，验证通过之后，服务端会返回一个token，拿到token之后（我会将这个token存贮到sessionStorage中，保证刷新页面后能记住用户登录状态），前端会根据token再去拉取一个 user_info 的接口来获取用户的详细信息（如用户权限，用户名等等信息）...
2024-01-10
vue前端demo
前端demo原生js选项卡切换效果### css * { margin: 0; padding: 0; } .box { margin: 20px auto; } .list { height: 20px; width: 200px; } .list li { width: 64px; ...
2024-01-10
vue——前端跨域
***针对的是不同域名、不同协议的跨域：1、找到config文件中开发环境的配置文件——dev.env.js,在里面将要跨域的域名配置进去2、找到config文件中线上环境的配置文件——prod.env.js,在里面将要跨域的域名配置进 3、配置完后，还需要在config的index.js中配置对外的跨域域名，target的值为要跨域的域名（其...
2024-01-10
初始化前端vue项目
一、用webstorm或者vs（其他工具都可）打开项目>文件>打开二、可以现在控制台中输入 npm run serve 先运行项目，出现的local地址复制，打开浏览器输入就可以看到项目三、进入App.vue文件，删除多余的部份四、先清空路由文件中index.js的引入组件，再删除三个多余的组件结果如下图：五、再company中新建一...
2024-01-10
vue前端环境部署过程
1.安装nvm-setup2.安装node3.安装git4.检查版本和安装情况5.在代码处，下载依赖包（1）第一种方式 npm install（2）第二种方式npm install --registry=https://registry.npm.taobao.org6.报错及解决（1）npm install报错类似于npm WARN tar ENOENT: no such file or directory, open '*\node_modules.staging*解决方法:删除文件 package-lo...
2024-01-10
vue前端开发blog
工欲善其事必先利其器关于使用vue和element的情况：1.第一次使用该前端框架，前几天看到CND加速，CDN的全称是Content Delivery Network，即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的网络"边缘"，使用户可以就近取得所需的内容，解决Internet网络...
2024-01-10
vue前戏ES6
es6语法es6语法：let和const:{var a=123;let b=234;}console.log(a);console.log(b);浏览器里会只看到123;而且还会抱一个b is not define的错误为什么?在{ }局部作用域里面可以找到a变量值?这是js var的一个坑,一旦定义了就是全局的变量.var示例:{var a=123;let b=234;}var a=234;console.log(a);console.log(b);输出的是234,因为var ...
2024-01-10
Vue前后端交互
Promise 基本用法实例化 Promise对象，构造函数中出传递函数，该函数用于处理异步任务resolve和reject两个参数用于处理成功和失败两种情况，并通过p.then获取处理结果处理原生Ajax 封装函数 里面继续判断 返回值，外面调用再then发送多次ajax请求.then参数中的函数返回值 1.返回promise实例对象 //返...
2024-01-10
vue中前端弹窗队列展示
在前端写一个弹窗可能很简单，那如果同时有多个弹窗呢这样的话就要考虑弹窗的展示问题，肯定是不能叠加在一起的，这时候就要通过队列（先进先出）来展示思路就是根据队列来实现，至于具体的实现方式，可以在项目中灵活运用在vue中可以通过vuex存储队列，用watch方法来监听队列的变化举个??...
2024-01-10
vue前端项目，美国白屏
第一次用vue做项目，部署在美国服务器上之后，中国这能打开，但是美国打不开排除是浏览器的问题了以下是美国报错请问是我前端这边开发的问题吗，该如何解决呢如果有大神需要网址看一下问题，回复说一下，我私发吧，因为是第一次做项目，做得难看就不直接贴了在线等QAQ时差不一样，调试起来好麻烦呀QAQ，更新了三张美国那边的图，看起来好像也不是js加载的问题？这几张图能看出来是哪的问题吗还在问美国那边要vendo...
2024-02-17
Vue前端环境配置
安装好nodejs环境后，使用npm安装vue脚手架（用来创建vue项目的工具），由于npm有时不稳当，所以使用国内淘宝镜像。 打开cmd终端，输入npm install -g cnpm --registry=http://registry.npm.taobao.org，安装cnpm，然后输入cnpm install -g @vue/cli安装脚手架。打开图形化界面创建vue项目被引用：WebGIS：Vue+Flask+PostGIS+Geo...
2024-01-10
vue实现前端分页完整代码
本文实例为大家分享了vue实现前端分页的具体代码，供大家参考，具体内容如下首先，做出来的效果如图所示，具体的Ajax请求数据可以写在点击函数中分页效果算是比较费脑子的，里面计算有些麻烦，本文上完整代码，一起学习进步“上一页”写两个li元素，如果已经是第一页，那么就禁止鼠标点...
2024-01-10vue2 前端搜索实现示例
项目数据少的时候，搜索这样的小事情就要交给咱们前端来做了，重要声明，适用于小项目！！！！！其实原理很简单，小demo是做搜索市区名称或者按照排名搜索。<div> <input type="text" v-model="name" placeholder="点击搜索按钮筛选" /> <input type="button" @click="search" /></div><table> <tbody> <tr v-for="item...
2024-01-10
【vue分页】前端列表假分页
备注：后端接口返回全部数据，前端页面进行分页一、后端接口格式 1 http://127.0.0.1:9528/dev-api/alice/api/plan/api/case?apiId=1001 2 get 3 返回结果： 4 { 5 "status":1, 6 "message":"OK", 7 "data":{ 8 "apiInfo":{ 9 "type":"get",10 "path":"/api/login",1...
2024-01-10vue实现前端列表多条件筛选
本文实例为大家分享了vue实现前端列表多条件筛选的具体代码，供大家参考，具体内容如下1、先上图：2、搜索条件绑定的数据是：filterForm:{ schoolName:'',//输入的学校名称 position:'',//选择的区域区域 schoolLevel:"",//选择的学校办别},schoolList:[ {schoolName:'青岛市实验高级中学',schoolLevel:"",position:'山东...
2024-01-10
使用go 部署vue前端服务
为什么不直接采用npm run dev第一，npm run发起的服务(未验证)很可能是利用前端服务对象开启的，其性能远远不如go的后端服务性能;第二，把vue的前端项目部署到go发起的http服务上，当后端语言也采用go时，有利于服务器上前后端代码同时维护~。前提nodevuevue-cligo因为不是入门级文章，上述的环境准...
2024-01-10
【Web前端问题】vue中递归
在vue中用了一个递归，methods: { combine ([item, ...arr]) { if (arr.length) { const sub = this.combine(arr); const res = []; sub.forEach(s => item.forEach(i => res.push(`${i},${s}`))) return res } else { ...
2024-01-10
【Web前端问题】vue路由控制
vue如何实现图上的路由控制。回答：const routes = [{ path: '/', name: 'layout', component: Layout, beforeEnter: (to, from, next) => { if (/* if not login */ && /* if not navigate to login */) { next('/login') } else { next() } }, children: [{ pa...
2024-01-10
【前端】vue如何获取滚动位置？
<div class="header"></div><div class="chat" ref="main">.....</div><div class="footer"></div>scrollBottom:function(){console.log(this.$refs.main.scrollTop);},无论我怎么滚动，打印的值始终为0 这是怎么回事？回答应该 滚动的元素并不是你取到的这个元素用window上的方法进行监听解决了，是兼容性问题，谷歌浏览器不支持这种方法...
2024-01-10有前端使用过vue打印收银小票吗？
前端使用vue框架，如何通过ip地址连接打印机，并触发打印呢，并且打印的内容可设置等回答：没做过打印收银小票，做过快递标签打印。快递标签打印机和普通的打印机不一样，它接收的不是图像而是 XML ，因此使用 window.print 等方案是无效的，而是要根据打印机厂商提供的协议生成对应的 XML 去启动打印，我做的那款打印机是用的 webSocket + 特定的 XML 结构，拼 XML 很简单...
2024-02-22
【前端】vue显示隐藏底部导航问题
我现在是想通过router的全局钩子来实现底部导航在一级页面显示，在子页面不显示，所以在app.vue中加入了navShow来控制，可是我router.app得不到这个值。请问有什么方法实现吗。希望前辈们指导下。回答在路由的元信息中设置不是更好吗？router.jsconst router = new VueRouter({ mode: 'history', routes: [ { path: '/f...
2024-01-10
【Web前端问题】vue路由器报错
使用vue-router时，经过webpack打包，为什么会出现这个错误Uncaught TypeError: Cannot redefine property: $router下面是wbpack的配置难道是webpack配置问题？回答：结果: 一定是用了两次.解决: 如果使用资源引用的方式.(index.html使用src -> vue-router.min.js)两个步骤.步骤1:// router.js中,将Vue.use使用判断条件,生产环境不要...
2024-01-10
操作 vue前端虚拟选项(下拉框)
从页面上可以看出 html结构 为 ul标签下的li标签 全局查找ul标签下的元素document.querySelectorAll('ul') document.querySelectorAll('ul')[2]['children'][0]就是下拉框的test那么selenium执行js操作点击下拉框即可js="document.querySelectorAll('ul')[2]['children'][0].click()"dr.execute_script(js)貌似模拟鼠标操作也行(有空再试试)h...
2024-01-10
vue实现移动端触屏拖拽功能
vue实现移动端可拖拽浮球，供大家参考，具体内容如下1 首先创建一个div<div class="floatball" id="floatball" @mousedown="down" @touchstart.stop="down" @mousemove="move" @touchmove.stop="move" @mouseup="end" @touchend.stop="end" @click="showRewardDesc" :style="{top:position.y+'px', left:pos...
2024-01-10
