devtools浏览器edge vue
Vue 搭配 Spring MVC 创建一个 web 项目
Vue 搭配 Spring MVC 创建一个 web 项目 想要写一个登录的web应用程序。页面使用Vue,后端使用Spring MVC,最终打成war包,放在tomcat下启动。 1.创建Spring MVC项目,命名loginbackend,配置成web项目。 创建好web项目后,在src/ma ......
chrome浏览器出现《您的连接不是私密链接》
问题现象 键盘切换到英文输入 点击页面,就页面中间随意点一下即可 不是输入框!不是输入框!不是输入框! 不是找啦!不是找啦!不是找啦! 在chrome该页面上,直接键盘敲入这11个字符:thisisunsafe (鼠标点击当前页面任意位置,让页面处于最上层即可输入) 效果 ......
vue学习问题解决
报错error Component name "Index" should always be multi-word vue/multi-word-component-names解决方法1、问题说明:在创建组件命名时,引用 index.vue 的过程中报错; 2、报错的原因及分析:其一、报错的全称为 ......
解析Vue项目
解析Vue项目 1、浏览器中访问某个地址,会显示某个页面的组件 根组件:App.vue 2、配置路由 router 》index.js 》const routes = [ { path: '/lqz', name: 'lqz', component: Lqz # 组件,需要导入 }, ] 3、写组件 ......
解析vue项目、
解析一下vue项目 1 为什么浏览器中访问某个地址,会显示某个页面组件 //-根组件:App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> //-1 配置路由 router 》inde ......
Vue执行和开发流程、登录小案例、混入、插件、elementui
一、Vue执行流程 1、vue的执行流程 # 1 为什么浏览器中访问某个地址,会显示某个页面组件 -根组件:App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> -1 配置路由 rou ......
每日一题:vue3自定义指令大全(呕心沥血所作,附可运行项目源码)
1.VUE常用指令大全 本项目所有指令均为全局注册,使用时直接在组件中使用即可。 指令目录:src/directives 页面目录:src/views 具体可查看源码 1.1 权限指令 封装一个权限指令,在模板中根据用户权限来控制元素的显示或隐藏。 permission.js import { re ......
16-Vue数据监视
我们先探讨一个数据更新时的问题,假设在以下人员列表中,改变"马冬梅"的信息,可以通过什么方法 1)第一种方法(奏效) 数据更新时,方法奏效 this.persons[0].name = "马老师" this.persons[0].age = 50 this.persons[0].sex = "男" ......
vue-day06
解析一下vue项目 为什么在浏览器中访问某个地址,会显示某个页面组件 1.根组件:App.vue必须是以下代码,里面使用router-view <template> <div id="app"> <router-view></router-view> </div> </template> 2.配置路 ......
vue中使用canvas压缩base64图片
参考自https://blog.csdn.net/weixin_42752574/article/details/126061352 后端返回图片的原始base64字符串,通过:style传到scss中显示,但有时候base64过长,可能会有5MB或者2MB这样的大小,那scss文件就接收不到这个变 ......
前端vue项目部署中,用户还在访问系统,存在缓存问题,部署后需要ctrlF5强制刷新,解决热更新的几种方案
问题描述: 问题是这样的,在部署的时候,用户并没有关闭浏览器还保持访问操风系统管理项目的页面中。这样才会产生问题缓存;如果在部署的时候或者部署之前,用户并没有打开系统页面,部署完成后,才访问操风系统,不会存在缓存的。我刚才测试了一下。要想解决,部署之前或在部署中,用户还再使用的情况下,前端得写定时获 ......
node安装以及vue安装
npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用。 2)允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 3)允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使 ......
浏览器使用笔记
[批量多开谷歌浏览器Google Chrome并相互独立 - 知乎](https://zhuanlan.zhihu.com/p/608745273) [chrome最简单的多开方法_多用户打开chrome_欲饮琵琶码上催的博客-CSDN博客](https://blog.csdn.net/qq_350 ......
vue项目的解析、登录小案例
vue的执行流程 1. 为什么浏览器中访问某个地址,会显示某个页面组件 vue-router第三方插件支持的: 访问:/(根路径) 》显示HomeView.vue 访问:/about 》显示AboutView.vue 根组件:App.vue App.vue中的template中的div会被替换到in ......
vue3 | defineExpose的使用
简介 使用<script setup>的组件是默认关闭的————即通过模板引用或者$parent链获取到的组件的公开实例,不会暴露在任何在<script setup>中声明的绑定 换句话说,如果一个子组件使用的是选项式 API 或没有使用 <script setup>,被引用的组件实例和该子组件的 ......
vue通过 v-for循环出来的数组给元素 加不同的颜色
直接上代码: 1 <div v-for="(item,i) in colorList" :key="i"> 2 <div class="cmn-color"> 3 <div :style="{'background':item}"></div><span>开发{{i+1 }}</span> 4 </ ......
【HarmonyOS】解决API6 WebView跳转外部浏览器问题、本地模拟器启动黑屏
【问题描述1】 HarmonyOS API6 Java开发中使用WebView组件,如果网页中有跳转链接,点击会跳转到手机系统浏览器。 【解决方案】 解决这个问题的方法就是给WebView这种自定义的WebAgent对象。具体代码如下: WebConfig webConfig=this.webVi ......
CentOS环境 nginx配置vue项目
ps: 这里使用ruoyi-vue-plus项目举例,官网:https://plus-doc.dromara.org/ 一、配置不带应用路径的vue项目 1、打包。首先将vue项目生产配置文件的的应用访问路径设为'/',然后命令行输入run run build:prod进行打包。 2、导入环境。将打 ......
nodejs+vue+element-ui安装
1. nodejs安装 https://www.runoob.com/nodejs/nodejs-install-setup.html 2. vue安装 nodejs安装以后,使用vue会报错: ‘vue‘ 不是内部或外部命令,也不是可运行的程序 解决办法: https://developer.al ......
若依 vue问题
1.table 列 对布尔的处理 <el-table-column label="是否可见" align="center" prop="activityVisible" :formatter="formatActivityVisible"/> formatActivityVisible:functi ......
vue3封装一个公共的异步组件函数
在 Vue 3 中,可以使用 defineAsyncComponent 函数来封装一个公共的异步组件函数。下面是一个示例: import { defineAsyncComponent } from 'vue'; export const asyncComponent = (loader, optio ......
vue+openlayers绘制线
绘制线 1 <template> 2 <div></div> 3 </template> 4 <script> 5 import VectorLayer from 'ol/layer/Vector.js'; 6 import VectorSource from 'ol/source/Vector.j ......
【前端】前端部署发布浏览器缓存问题
方法一 代码清楚法 1:每次修改package.json版本号 2:在main.js中配置 const VUE_APP_VERSION = require('../package.json').version const vers = window.localStorage.getItem("app ......
如何实现浏览器标签页之间的通信
浏览器标签页之间通信的实现 使用场景 前端开发过程中,总是避免不了要进行前端标签页之间的通信,最经典的例子莫过于音乐播放网站中,当第一次点击播放列表中的歌曲时,它会打开一个新的标签页进行播放,而当在列表中再次点击歌曲播放时,并不会再多打开一个标签页,而是会在刚才新打开的标签页上播放歌曲。 方式方 ......
VUE后台管理系统(四) 用户,权限和菜单
原理分析 - 服务器根据不同的用户,返回不同的"路由信息","菜单信息","按钮信息"等待 - 从而实现不同的登录用户,看到的页面不一样(部分相同,部分不同) - 前端这边,路由不再写死(写死的话,每个用户看到的页面都是一样的) - 而是根据后端返回的"路由信息"来填充"router数据",最终实现 ......
3.基本语法和浏览器控制台的使用
掌握浏览器控制台的使用方法:源码,控制台,断点调试,应用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> // 语法和Java差不多,更加简单 // 变量 var ......
解析vue项目,scoped,ref属性,混入mixin,插件,Elementui
0 解析一下vue项目🐱🚀 1 为什么浏览器中访问某个地址,会显示某个页面组件 -0 根组件:App.vue 必须是 <template> <div id="app"> <router-view></router-view> </div> </template> -1 配置路由 router ......
vue3的ref、reactive的使用
一、介绍 ref和reactive是Vue3中用来实现数据响应式的API,一般情况下,ref推荐定义基本数据类型,reactive推荐定义引用数据类型(对象或数组) 二、ref与reactive对比 <template> <p>{{ person.name }}</p> <p>{{ person.l ......
【转载】Vue Provide / Inject 详细介绍(跨组件通信、响应式变化、版本变化)
版权声明:本文为CSDN博主「前端不释卷leo」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/qq_41809113/article/details/122071958 一、背景 通常,当我们需要从父组件向子 ......