vue模板vscode vue2

nginx部署vue项目报404问题

解决刷新路由404问题 这是因为我的vue项目是采用了history路由模式,又因为vue是单页面应用,一旦切换路由之后,之前的页面就会不存在,然后你再刷新回到之前的页面就会出现404了。(个人理解) 解决的方法: 将路由模式修改为hash模式(不建议,hash模式#太丑) 修改nginx配置 lo ......
项目 问题 nginx 404 vue

vue项目axios请求 解决跨域问题

前端 添加vue.config.js文件 【【4k小白到全栈】进阶课好看登录页面Vue3+Ts+Pinia+Axios+Vue Rouyer+SpringBoot2.7+Mybatis Plus前后端分离】https://www.bilibili.com/video/BV1x14y1Z74z?p=2 ......
项目 问题 axios vue

暂告一段落的vue学习以及uniapp的开始

最近学习了VUE并且参照其他开源项目做了一个大致的框架,只余部分还需要改成自己的东西, 但是这个要到一段落了,开始了小程序项目之旅, 首先还是到uniapp官网查看官方资料 当然了,还是要从vue3的部分开始学起 跟着官方视频做了一个试例,感觉还不错,很简单 然后项目正式开始了~~ 终于开始了客户项 ......
告一段落 uniapp vue

Hello Cuda(三)——VSCODE&LibTorch

## CMAKELists ``` cmake_minimum_required(VERSION 3.0 FATAL_ERROR) project(example) set(CMAKE_PREFIX_PATH /home/xuliangyu/libtorch) set(Torch_DIR /home ......
LibTorch VSCODE Hello Cuda amp

vue+element根据表单中选项切换,更改表单验证规则

表单:<el-form-item label="周期间隔(天)" prop="periodSpace" v-if="isServicePeriod"> <el-input v-model="form.periodSpace" type="number" placeholder="请输入周期间隔(天) ......
表单 规则 element vue

vue 使用Adsense错误:TagError: adsbygoogle.push() error: All ins elements in the DOM with class=adsbygoogle already have ads in them.

<div class="adsenseunit"> <!-- in-article-aquare2 --> <ins class="adsbygoogle" style="display: block" data-ad-client="ca-pub-3935005489954231" data-ad ......
adsbygoogle TagError elements 错误 Adsense

vue后台使用富文本插件的问题(vue-quill-editor)

1、之前用的wangeditor富文本插件,使用是灰常方便了,但问题多多,插入视频出现问题,有些图片回显也有问题,不显示什么的 然后在网上又找了个vue-quill-editor,图片回显什么的是没问题了,就是有点难用,下面来配置一下,记录如何使用vue-quill-editor的插入超链接、图片、 ......
vue-quill-editor vue 插件 后台 文本

VSCode使用JavaScript刷LeetCode配置教程(亲试可以!)

账号秘密都对,但是缺登录不成功的问题 诀窍可能是: 在属性设置中把LeetCode版本改成cn。点击LeetCode配置,修改Endpoint配置项,改成leetcode-cn,再次尝试登陆即可。 大家可移步原博文:https://blog.csdn.net/qq_37263248/article/ ......
JavaScript LeetCode 教程 VSCode

vue和springboot前后联调

devServer: { port: 7000, proxy: { '/': { target: 'http://localhost:8080/', changeOrigin: true } } } 上面是vue配置,这个配置就可以跨域,你访问http://localhost:7000/转为访问ht ......
springboot vue

vue3中组件,api的自动导入

vue3中ref,reactive等api和自定义组件等每个页面都要引入很麻烦,偷懒是人的天性,故引入自动导入插件,以此记录: 1.vue3的api自动导入 使用前: <script setup lang="ts"> import { ref, onMounted } from 'vue' cons ......
组件 vue3 vue api

Vue2.0中使用bpmn-js

使用bpmn-js在网页中绘制流程图 1. 新建vue项目, 输入命令 安装bpmn-js npm install bpmn-js --save 2. 在src/main.js中引入css样式 //css样式 import 'bpmn-js/dist/assets/diagram-js.css' i ......
bpmn-js Vue2 bpmn Vue js

vue-ref

在Vue中一般很少会用到直接操作DOM,但不可避免有时候需要用到,这时我们可以通过ref和$refs这两个来实现,本文我们就来详细的介绍下这个内容 ref ref 被用来给元素或子组件注册引用信息, 引用信息将会注册在父组件的 $refs 对象上, 如果是在普通的DOM元素上使用,引用指向的就是 D ......
vue-ref vue ref

vue-插槽 slot

插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定。 实际上,一个slot最核心的两个概念这里就点出来了,是显不显示和怎样显示 “占坑”,在组件模板中占好了位置,当使用该组件标签时候,组件标签里面的内容就会自动填坑(替换组件模板中<slot>位置),当插槽 ......
slot vue

提bug模板

sandbox/staging Reproduce steps: sign in to the account page open security page click the "delete card" link to open the "delete NFC card" modal Click ......
模板 bug

vue-computed

使用场景和方法: 1、当数据A的逻辑很复杂时,把A这个数据写在计算属性中。 2、在computed中定义一个函数(看起来是一个函数,其实是一个属性) 3、通过选项computed:{计算属性a:值}。带有返回值return的函数。 特点: 监听值未在data中定义,以return返回值形式; 计算属 ......
vue-computed computed vue

vue-this关键字

vue中, 在script中调用属性和方法,需要使用this 在template使用属性、方法,可以省略this: 因为vue在解析template时使用了with(this),改变了template中的顶层作用域 ......
vue-this 关键字 关键 this vue

算法模板

**快速幂** ```cpp int power(int a,int b,int p){ int ans=1%p; for(;b;b>>=1){ if(b&1)ans=(long long)ans*a%p; a=(long long)a*a%p; } return ans; } ``` **快速乘* ......
算法 模板

[ Vue ] opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]

报错触发场景:Mac系统,开发工具启动从其他地方拷贝或者git克隆来的,非自建前端Vue项目时。 报错内容如下: opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], libr ......

vue-cli

Vue CLI 是官方提供的一个 vue 项目脚手架,本项目也是基于它进行构建的。它帮你封装了大量的 webpack、babel 等其它配置,让你能花更少的精力在搭建环境上,从而能更专注于页面代码的编写。不过所有的脚手架都是针对大部分情况的,所以一些特殊的需求还是需要自己进行配置。 安装和使用 np ......
vue-cli vue cli

vue3 监听容器滚动到底部

**在容器里面添加@scroll事件** ``` i)"> {{ i }} 到达底部 ......
容器 vue3 vue

DBC上传模板增加按钮

*& * *& Report Z100 *& *& * *& *& *& * REPORT Z100 MESSAGE-ID ZHQ NO STANDARD PAGE HEADING. TABLES SSCRFIELDS. SELECTION-SCREEN FUNCTION KEY 1. SELECT ......
按钮 模板 DBC

Visual Studio Code(vscode)下载慢 插件安装失败解决方案

Visual Studio Code(vscode)下载慢 插件安装失败解决方案,解决Visual Studio Code(vscode)下载慢的问题,问题描述,解决方案,解决Visual Studio Code(vscode)安装插件失败的问题 ......
插件 解决方案 方案 Visual Studio

Vue3内置组件suspense用法

## 1、作用 在使用异步组件时,由于需要等待组件加载完成后才能显示,因此可能会出现页面空白或显示错误信息的情况。而 Suspense组件的作用就是在异步组件加载完成前显示一个占位符,提高用户体验。 ## 2、用法 * 首先子组件AsyncShow:使用了promise包裹代码 ```javascr ......
组件 suspense Vue3 Vue

vue监听对象属性值发生变化

监听对象属性object里面属性值的变化。 export default { data() { return { object: { username: '', password: '' } } } } 方法一:直接根据watch来监听。 export default { data() { retu ......
属性 对象 vue

vscode 中 Markdown 粘贴图片的位置

打开vscode设置, 找到 `Markdown > Copy Files > Destination`, 添加 Item: **/*.md , value: asset/${fileName} ......
Markdown 位置 vscode 图片

vscode diff已选项目进行比较 行首行尾 忽略空格

### 一、diff 对比严格模式,不忽略空格差异 ```bash "diffEditor.ignoreTrimWhitespace": true ``` ![image](https://img2023.cnblogs.com/blog/597729/202308/597729-202308251 ......
空格 项目 vscode diff

vscode 配置中英对照表

文件路径: ~/.vscode/extensions/ms-ceintl.vscode-language-pack-zh-hans-1.80.2023072409/translations > 1.80.2023072409 是 vscode 版本,每人可能不一样 (在界面: 帮助--关于 里可以看 ......
对照表 中英 vscode

vscode 切换页签快捷键 自定义 Ctrl+H Ctrl+L 左右切换

今天需要整理写资料,需要在多个页签之间切换,发现自定义了快捷。 好久不用这个快捷键,都快忘了。 vscode 切换页签快捷键 自定义 Ctrl+H Ctrl+L 左右切换 ![](https://img2023.cnblogs.com/blog/26752/202308/26752-20230825 ......
Ctrl 快捷键 vscode

VScode settings.json默认配置文件路径

Linux Ubuntu: > /home/${用户名}/.config/Code/User/settings.json Windows: > C:\Users\用户名\AppData\Roaming\Code\User 来源、参考: https://blog.csdn.net/cyqzy/arti ......
路径 settings 文件 VScode json