vue-quill vueup quill vue
vue学习记录 7
vue打地鼠的简单实现，效果差不多就这个样子： 目录： |mouse |--|components //放分页的 |--|--|GamePage.vue |--|image //装图片的 |--|index.vue //入口 index.vue： <template> <div v-if="ispl ......
vue学习记录 6
遇到的问题 1、将自己的代码插入项目后，图片资源无法加载。 <img src='../image/mine.png'/>此句图片可以显示 <img :src="`../image/cell${cell.value}.png`"/>此句图片会裂开 正确的字符串拼接指定图片路径： <img :src=" ......
vue-step1
# 安装nodejs 以及 设置国内镜像 - 国内安装nodejs 地址: https://mirrors.aliyun.com/nodejs-release/v12.22.12/ - 设置淘宝镜像 npm config set registry registry.npm.taobao.org, 验 ......
vue项目本地启动history路由模式刷新页面404
背景：之前一直用hash模式，改成history模式后刷新页面404 解决：`vue.config.js` 中 `publicPath: "/"` > 如果是线上服务则还需要后端修改一些配置，见链接 [点击查看](https://v3.router.vuejs.org/zh/guide/essent ......
vue中微信身份识别（openid）
最近做一个投票功能，为了防止用户恶意刷票，必须鉴别用户身份，对每个人投票次数限制。但投票是开放的，任何人都可以投，并非仅平台注册用户，因此只能使用用户最广泛的微信来识别用户，通过获取微信openid来判定用户是否已经投过票。 在vue中，需要添加一个静态html（weixinOAuth.html）来 ......
vue项目在IE内核下打开显示白屏（亲测可用！！！）
一.安装babel-polyfill库 npm install --save babel-polyfill 如图 二.在main.js中引入(放在最上面，一定要在第一行) import 'babel-polyfill' 三.在vue.config.js中加入 transpileDependencie ......
Vue组件封装
①建立组件的模板，先把架子搭起来，写写样式，考虑好组件的基本逻辑 ②准备好组件的数据输入。即分析好逻辑，定好props里的数据、类型 ③准备好组件的数据输出。即根据组件逻辑，做好要暴露出来的方法 ④封装完毕了，直接调用即可 ......
前端Vue仿京东加入购物车弹框立即购买弹框shopDialog自定义弹框内容
#### 前端Vue仿京东加入购物车弹框立即购买弹框shopDialog自定义弹框内容， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13183 #### 效果图如下：  #####3.搭建全局vue环境 ## ......
基于springboot+vue的漫画之家管理系统，附源码+数据库+论文+PPT，适合课程设计、毕业设计
**1、项目介绍** 随着信息技术和网络技术的飞速发展，人类已进入全新信息化时代，传统管理技术已无法高效，便捷地管理信息。为了迎合时代需求，优化管理效率，各种各样的管理系统应运而生，各行各业相继进入信息管理时代，“漫画之家”系统就是信息时代变革中的产物之一。 任何系统都要遵循系统设计的基本流程，本系 ......
Vue（七）事件处理
一、基本的事件处理 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基本的事件</title> <script type="text/javascript" src="../js/vue.js"></script> </head ......
前端Vue自定义等宽新闻标签栏标题栏选项卡新闻栏
#### 前端Vue自定义等宽新闻标签栏标题栏选项卡新闻栏， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13170 #### 效果图如下： ![](https://p3-juejin.byteimg.com/tos-cn-i ......
前端Vue自定义tabbar底部tabbar凸起tabbar兼容苹果刘海屏小程序和APP
前端Vue自定义tabbar底部tabbar凸起tabbar兼容苹果刘海屏小程序和APP， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13167 效果图如下： ![](https://p3-juejin.byteimg.co ......
Vue3 判断鼠标上移动还是下移动的 Hook 函数封装
```ts import { useThrottleFn } from "@vueuse/core"; export function useWheelRollsUpAndDown( onDown: Function, onUp?: Function, options?: { throttle?: ......
ElementPlus 面包屑组件（el-breadcrumb）自动定位 Vue Router 并渲染当前的位置
```js const route = useRoute(); const router = useRouter(); const breadcrumbList = shallowRef(getCurrentRoute()); function getCurrentRoute() { return ......
Vue3 watch 函数监听子组件 props 的变化
在 Vue3 中，想要监听子组件的 props 变化需要将其先转换为 Ref 类型的值才可以监听。虽然 props 可能是由父组件传递过来的响应式数据，但 props 不是一个响应式的数据。 如下所示： ```ts const props = defineProps({ strHtml: { typ ......
Vue onUpdated 周期函数不执行
如下图所示，当一个组件挂载完成之后，就有 `beforeUpdate` 和 `updated` 两个周期函数一直存在。“when data changes” 指的是组件依赖的响应式数据变化了才会执行这两个周期函数。  后端基于mybatis的轻量级分页插件pageHelper(opens new window) #前端调用实现 1、前端定义分页流程 #后台逻辑实现 @PostMapping("/list") ......
JAVA编程开发之若依VUE --- 目录结构和配置文件
#文件结构 #后端结构 com.ruoyi ├── common // 工具类│ └── annotation // 自定义注解│ └── config // 全局配置│ └── constant // 通用常量│ └── core // 核心控制│ └── enums // 通用枚举│ └── e ......
vue学习第26天 xxxx响应式页面制作
项目地址：后续添加 1、布局分析 nav2列、article 7列、aside 3列 2、屏幕划分分析 移动端布局总结 1、移动端主流方案 2、移动端技术选型 1）流式布局（百分比布局） 2）flex布局（推荐） 3）rem适配布局（推荐） 4）响应式布局 建议：我们选取一种主要技术选型，其他技术做 ......
vue学习第25天 移动WEB开发----响应式布局
目标： 1）响应式原理 2）使用媒体查询完成响应式导航 3）使用Bootstrap的栅格系统 4）使用Bootstrap的响应式工具 5）完成阿里百秀首页案例 目录： 1）响应式开发 2）Bootstrap前端开发框架 3）Bootstrap栅格系统 4）阿里百秀首页案例 响应式开发 1、响应式开发 ......
java编程开发之若依vue --- 部署
部署的大致步骤 0.配置环境，jdk下载安装配置环境变量，Mysql下一步就好记住用户名和密码，Redis下载win版本运行即可， Maven 下载配置环境变量修改本地库存放位置，Node 下一步就好设置下淘宝的镜像源。 JDK >= 1.8 (推荐1.8版本) Mysql >= 5.7.0 (推荐 ......
Vue 基本认识二：使用 Vue CLI 的 Vue 项目
注意 Vue CLI（手脚架）创建项目需要安装Node.js，没安装的看这里。 使用 Vue CLI 创建与运行项目，看这里。 Vue CLI 创建的项目文件夹和文件说明，看这里。 ......
Vue CLI 创建的 Vue 项目解释
src\assets 目录 这个目录存放静态文件 src\main.js 文件 /* 该文件是整个项目的入口文件 */ // 引入 Vue import Vue from 'vue' // 引入 App 组件，它是所以组件的父组件 import App from './App.vue' // 关闭生 ......
Vue CLI 安装与创建 Vue 项目
官网地址 前提：已经安装过Node 第一步：全局安装手脚架 npm install -g @vue/cli # OR yarn global add @vue/cli 第二步：创建 Vue 项目（注意要切换到想创建项目的目录） vue create xxx 第三步：启动项目 npm run serv ......
Vue（六）：数据代理
一、js中的Object.defineProptry方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>回顾Object.definePropetry方法</title> <script type="text/javascri ......
vue编程-win环境初始化
[假定IDEA提前装好，Maven以及Git通过IDEA可安装] 1.安装NodeJS http://nodejs.org/dist/v18.16.1/node-v18.16.1-x64.msi 2.更新path 将${installPath}\node_modules\npm\bin添加至环境变量 ......
Vue（五）：Vue中的MVVM
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue中的MVVM</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <bod ......