程式vue-router router vue
VSCODE工具 VUE代码格式化插件及配置
1.安装插件 1.1 Prettier 它通过解析代码并使用自己的规则重新打印它,并考虑最大行长来强制执行一致的样式,并在必要时包装代码。如今,它已成为解决所有代码格式问题的优选方案;支持 JavaScript、Flow、 TypeScript、 CSS、 SCSS、 Less、 JSX、 Vue、 ......
nginx部署vue项目报404问题
解决刷新路由404问题 这是因为我的vue项目是采用了history路由模式,又因为vue是单页面应用,一旦切换路由之后,之前的页面就会不存在,然后你再刷新回到之前的页面就会出现404了。(个人理解) 解决的方法: 将路由模式修改为hash模式(不建议,hash模式#太丑) 修改nginx配置 lo ......
vue项目axios请求 解决跨域问题
前端 添加vue.config.js文件 【【4k小白到全栈】进阶课好看登录页面Vue3+Ts+Pinia+Axios+Vue Rouyer+SpringBoot2.7+Mybatis Plus前后端分离】https://www.bilibili.com/video/BV1x14y1Z74z?p=2 ......
暂告一段落的vue学习以及uniapp的开始
最近学习了VUE并且参照其他开源项目做了一个大致的框架,只余部分还需要改成自己的东西, 但是这个要到一段落了,开始了小程序项目之旅, 首先还是到uniapp官网查看官方资料 当然了,还是要从vue3的部分开始学起 跟着官方视频做了一个试例,感觉还不错,很简单 然后项目正式开始了~~ 终于开始了客户项 ......
vue+element根据表单中选项切换,更改表单验证规则
表单:<el-form-item label="周期间隔(天)" prop="periodSpace" v-if="isServicePeriod"> <el-input v-model="form.periodSpace" type="number" placeholder="请输入周期间隔(天) ......
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 ......
vue后台使用富文本插件的问题(vue-quill-editor)
1、之前用的wangeditor富文本插件,使用是灰常方便了,但问题多多,插入视频出现问题,有些图片回显也有问题,不显示什么的 然后在网上又找了个vue-quill-editor,图片回显什么的是没问题了,就是有点难用,下面来配置一下,记录如何使用vue-quill-editor的插入超链接、图片、 ......
vue和springboot前后联调
devServer: { port: 7000, proxy: { '/': { target: 'http://localhost:8080/', changeOrigin: true } } } 上面是vue配置,这个配置就可以跨域,你访问http://localhost:7000/转为访问ht ......
vue3中组件,api的自动导入
vue3中ref,reactive等api和自定义组件等每个页面都要引入很麻烦,偷懒是人的天性,故引入自动导入插件,以此记录: 1.vue3的api自动导入 使用前: <script setup lang="ts"> import { ref, onMounted } from 'vue' cons ......
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 ......
vue-ref
在Vue中一般很少会用到直接操作DOM,但不可避免有时候需要用到,这时我们可以通过ref和$refs这两个来实现,本文我们就来详细的介绍下这个内容 ref ref 被用来给元素或子组件注册引用信息, 引用信息将会注册在父组件的 $refs 对象上, 如果是在普通的DOM元素上使用,引用指向的就是 D ......
vue-插槽 slot
插槽,也就是slot,是组件的一块HTML模板,这块模板显示不显示、以及怎样显示由父组件来决定。 实际上,一个slot最核心的两个概念这里就点出来了,是显不显示和怎样显示 “占坑”,在组件模板中占好了位置,当使用该组件标签时候,组件标签里面的内容就会自动填坑(替换组件模板中<slot>位置),当插槽 ......
vue-computed
使用场景和方法: 1、当数据A的逻辑很复杂时,把A这个数据写在计算属性中。 2、在computed中定义一个函数(看起来是一个函数,其实是一个属性) 3、通过选项computed:{计算属性a:值}。带有返回值return的函数。 特点: 监听值未在data中定义,以return返回值形式; 计算属 ......
vue-this关键字
vue中, 在script中调用属性和方法,需要使用this 在template使用属性、方法,可以省略this: 因为vue在解析template时使用了with(this),改变了template中的顶层作用域 ......
[ 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 ......
Vue3内置组件suspense用法
## 1、作用 在使用异步组件时,由于需要等待组件加载完成后才能显示,因此可能会出现页面空白或显示错误信息的情况。而 Suspense组件的作用就是在异步组件加载完成前显示一个占位符,提高用户体验。 ## 2、用法 * 首先子组件AsyncShow:使用了promise包裹代码 ```javascr ......
vue监听对象属性值发生变化
监听对象属性object里面属性值的变化。 export default { data() { return { object: { username: '', password: '' } } } } 方法一:直接根据watch来监听。 export default { data() { retu ......
[转]vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么?
原文地址: vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么? - 掘金 vue中的css深度选择器 概念与作用 当 <style> 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素,父组件的样式将不会 ......
vue~layout模板页的使用
# 模板页的重要性 Vue 项目中使用布局组件来创建页面布局的方式是完全可行的,而且在很多项目中都被广泛采用,包括像 ruoyi 这样的框架。这种模式有助于实现统一的页面布局结构,减少重复代码,并提高代码的可维护性。 让我们具体分析一下你提到的 ruoyi 框架的做法: 1. **Layout 组件 ......
导入导出(Excel)vue
导入导出(Excel) 首先 vue安装插件 (最后有完整代码) npm install xlsx file-saver 其次: 简单的导出按钮 代码: <template> <div> <el-button type="primary" @click="exportExcel">导出 Excel< ......
vue3 报错 and 'localEnabled' does not exist in type 'ViteMockOptions'
报错:ReferenceError: require is not defined 原因: 通过命令行 pnpm install -D vite-plugin-mock mockjs 安装得vite-plugin-mock 之后发现再vite.config.ts里边报错 vue3+vite安装vit ......
使用 docker 打包构建部署 Vue 项目,一劳永逸解决node-sass安装问题
> 文章源于 Jenkins 构建 Vue 项目失败,然后就把 node_modules 删了重新构建发现 node-sass 安装不上了,折腾一天终于可以稳定构建了。 > 犹记得从学 node 的第一天,就被 node-sass 折磨了一整天,后面本地没问题了然后服务器开始折磨了,这次又遇到,尝试 ......
abp-vnext-pro 实战(九,前端vue和vben学习)
vben效果 Vben Admin (vvbin.cn) 对应的代码在 vue-vben-admin/src/views/demo/page/form/basic/data.ts at main · vbenjs/vue-vben-admin (github.com) { field: 'time' ......
vue2的源码github下载和本地启动调试源码
1.下载源码:https://github.com/vuejs/vue 2.安装依赖,命令行执行:yarn 3.修改package.json的运行脚本scripts里面加上源码map定位的参数,在打包后页面引入使用时可以调试到源码: { "name": "vue", 。。。 "scripts": { ......
Vue动态创建组件实例并挂载到body
方式一 import Vue from 'vue' /** * @param Component 组件实例的选项对象 * @param props 组件实例中的prop */ export function create(Component, props) { const comp = new (V ......
VUE- elementUI使用quill富文本编辑器(编辑文本、上传图片)
准备工作:安装 yarn install vue-quill-editor main.js // 编辑器 import VueQuillEditor from 'vue-quill-editor' // 引入样式 import 'quill/dist/quill.core.css' import ' ......
vue3.0运行npm run dev 报错Cannot find module ‘node:url‘
### 一、问题描述: - 学习vue3.0( Vue.js - 渐进式 JavaScript 框架 | Vue.js)的时候一直使用的家里电脑,项目搭建运行一直没问题,公司近期用vue3.0写项目 - npm init vue@latest —> npm install 都ok,npm run d ......
vue实现大文件上传下载
以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......