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前端知识点整理
1. 说一下Vue的双向绑定数据的原理vue 实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty() 来劫持各个属性的 setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调2. 解释单向数据流和双向数据绑定单向数据流： 顾名思义，数据流是单向的。...
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总结
前序在开发社区项目的前端时，根据当前的流行，选择了前后端分离，另外一方面也可以实现后端与前端的解耦。使修改前端代码的时候，无需再打包后台程序。另外用用vue，提升一下技能。后端程序也得会前端啊。一些总结在开发中，总有一些方法在多个组件或者view中使用，每次都需要手动引入...
2024-01-10
Vue前后端交互
Promise 基本用法实例化 Promise对象，构造函数中出传递函数，该函数用于处理异步任务resolve和reject两个参数用于处理成功和失败两种情况，并通过p.then获取处理结果处理原生Ajax 封装函数 里面继续判断 返回值，外面调用再then发送多次ajax请求.then参数中的函数返回值 1.返回promise实例对象 //返...
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中前端弹窗队列展示
在前端写一个弹窗可能很简单，那如果同时有多个弹窗呢这样的话就要考虑弹窗的展示问题，肯定是不能叠加在一起的，这时候就要通过队列（先进先出）来展示思路就是根据队列来实现，至于具体的实现方式，可以在项目中灵活运用在vue中可以通过vuex存储队列，用watch方法来监听队列的变化举个??...
2024-01-10
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
vue2 前端搜索实现示例
项目数据少的时候，搜索这样的小事情就要交给咱们前端来做了，重要声明，适用于小项目！！！！！其实原理很简单，小demo是做搜索市区名称或者按照排名搜索。<div> <input type="text" v-model="name" placeholder="点击搜索按钮筛选" /> <input type="button" @click="search" /></div><table> <tbody> <tr v-for="item...
2024-01-10vue实现前端分页完整代码
本文实例为大家分享了vue实现前端分页的具体代码，供大家参考，具体内容如下首先，做出来的效果如图所示，具体的Ajax请求数据可以写在点击函数中分页效果算是比较费脑子的，里面计算有些麻烦，本文上完整代码，一起学习进步“上一页”写两个li元素，如果已经是第一页，那么就禁止鼠标点...
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
【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
【前端】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
【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
【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框架，如何通过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
vue移动端实现手指滑动效果
本文实例为大家分享了vue移动端实现手指滑动效果的具体代码，供大家参考，具体内容如下滑动时候黄色块宽度跟着变化通过touch点击实现目前感觉宽度变化有点问题，还在思考中下面上代码：<template lang="html"> <div class="back" ref="back" @touchstart.prevent="touchStart" @touchmove.prevent="touchMove"> <div class="b...
2024-01-10
前端数据加密与解密 vue NPM 篇
base64加密installcnpm install js-base64 –save-dev封装import { Base64 } from \'js-base64\'// 加盐let salting = \'admin-authority\'// 加密const encryptString = (name) => { return Base64.encode(name + salting)}// 解密const decodeString = (name) => { let decodeName = ...
2024-01-10
vue实现PC端分辨率适配操作
依赖项目基础配置使用 vue-cli 生成自适应方案核心： 阿里可伸缩布局方案 lib-flexiblepx转rem：px2rem，它有webpack的loader px2rem开始先使用vue脚手架初始化一个webpack项目vue init webpack 项目名项目初始化好了之后，进入项目目录中 (cd 项目名) 安装 lib-flexible 和 px2rem-loadernpm i lib-flexible -Snpm i px2rem-loader -D...
2024-01-10
