vue-quill vueup quill vue
VUE上传图片
1 <!-- 2 气味照相机，上传图片 3 --> 4 <template> 5 <div class="main_container" > 6 <div class="bgimg_box" :style="'background-image: url(' + bgImg + ');'"> 7 <d ......
使用PhantomJS解决VUE项目无法被百度收录
一、安装PhantomJS 安装文章:https://www.cnblogs.com/robots2/p/17340143.html 二、编写脚本spider.js // spider.js 'use strict'; console.log(' start '); // 单个资源等待时间，避免资源 ......
vue 事件
vue中用 v-on绑定事件 简单绑定一个点击事件 <div id="app"> <button v-on:click="sayHi">点击我</button> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script ......
vue基本语法 for if else show
vue有关于if else 以及 for 的判断 <body> <div id="app"> <h1 v-if="type 'A'"> A </h1> <h1 v-else-if="type 'B'"> B </h1> <h1 v-else> C </h1> </div> </body> </htm ......
vue下拉框选择后不显示值，选其他下拉框后才显示出来
vue下拉框选择后不显示值，选其他下拉框后才显示出来 vue也太坑了 解决方法：为该el-select添加change事件中使用$set来对属性赋值，如下: changeData(val) { this.$set(this.formData, this.formData.id, val.value) ......
vue全家桶进阶之路50：Vue3 环境变量+跨域设置实例
使用.env加后缀的方式来建立某个模式下的环境变量， 例如：项目根目录新建两个环境变量文件（development开发环境和production生产环境）： .env.development .env.production 在新建的两个环境变量文件中设置相同的环境变量名： VUE_APP_BASE_ ......
vue初学
Vue只关心视图层 视图层是HTML+CSS+JS 其遵循SOC原则 关注点分离原则 给用户看和刷新后台数据 vue支持mvvm+dom模式 第一个vue程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> ......
vue 中的 props type设置多个类型，默认值
props: { value: { // type设置多个类型 type: Number | null, required: true } } ......
vue-input-directive 插件的使用（已兼容vue3.0）
codepen体验地址 github地址 安装、引入 npm install vue-input-directive --save import Vue from 'vue' import inputValidate from 'vue-input-directive' Vue.use(inputV ......
vue全家桶进阶之路49：Vue3 环境变量
vue3 环境变量 在Vue3中，可以通过环境变量来管理应用程序中的配置。这些配置可以包括后端API的URL、API key、跟踪ID等等。在不同的开发、测试、生产环境中使用不同的配置是非常有用的。Vue3允许使用.env、.env.local、.env.[mode]和.env.[mode].loc ......
vue兼容IE的方法规范
第三方插件的兼容性需经过ie和国产电脑浏览器测试后，才可以使用。 1、main.js 顶部添加 babel-polyfill import 'babel-polyfill' import Vue from 'vue' import App from './App.vue' import router ......
Vue3 代码块高亮显示并可使用富文本编辑器编辑（highlight.js + wangEditor）
在Vue项目中实现以下功能： 功能1. 在页面中显示代码，并将其中的关键字高亮显示。 功能2. 允许对代码块进行编辑，编辑时代码关键字也高亮显示。 功能3. 可在编辑器中添加多个代码块，动态渲染代码关键字高亮。 Step1: 安装所需插件(本文使用npm安装，若需使用其他方式请查阅官方文档) 安装代 ......
VUE学习笔记
VUE学习笔记 1.函数体格式 简写格式：“ 方法名（）{ } ” >全写格式：“ 方法名：function(){ } ” 2.定义对象格式 对象名：{ } 3.全局事件总线相关的函数 注册全局事件总线：在main.js的VUE实例中创建事件总线 beforeCreate() { Vue.proto ......
VUE - 遍历并生成ArrayList
var arr = []; this.rows.forEach(item => { arr.push({ MaterialNumber: item.MaterialNumber, Message:item.TONumber }); }); this.mWHInterfaceResults = arr ......
vue3 文件上传,fileChange中的一个问题,第二个参数问题
这里fileChange第二个参数，不可也用fileList会污染已经定义的响应式变量fileList <script setup> const fileList = ref([]) const fileChange = (file,fileList) => { fileList.value = f ......
vue2源码-十一、Vue的生命周期
Vue的生命周期 钩子函数是如何实现？ 内部利用一个发布订阅模式，将用户写的钩子维护成一个数组，后续依次调用hooks。主要靠的是mergerOptions 方法有哪些？ 引用自https://vue3js.cn/interview/vue/lifecycle.html#%E4%BA%8C%E3%8 ......
vue3打包后一片空白控制台报错
问题原因是路径不对，加上一行代码就可完美解决问题。 在vue.config文件中加上 publicPath:'./' 即可解决问题。 问题如图所示： 如何解决问题呢？ ......
vue实现的常见的动画效果
本文包括的动画： zoom-in zoom-in-left zoom-in-right zoom-in-top zoom-in-bottom zoom-in-center-x zoom-in-center-y slide slide-left slide-right slide-top slide- ......
vue全家桶进阶之路48：Vue3 跨域配置devServer的参数和设置
devServer 是一个用于配置开发服务器的选项对象。它可以用来配置服务器的各种选项，例如代理，端口号，HTTPS 等。 以下是一些常用的 devServer 参数和设置： port：指定开发服务器的端口号，默认为 8080。 host：指定开发服务器的主机名，默认为 localhost。 htt ......
vue3 路由跳转：Cannot read properties of undefined (reading 'push')
在vue2中我们通常会在全局的接口请求里面设置拦截器，如果登录失效或者说其他情况需要跳转到登录页面或者说其他页面的，我们就使用this.$router.push实现vue3中同样使用改方式： import { useRouter } from 'vue-router'; const router = ......
Vue&Element-Ui（支技VUE2）&解决ttf, woff 文件报错的问题
一、Vue&Element-Ui（支技VUE2） Vue 是一套用于构建用户界面的渐进式 JavaScript (主张最少)框架 ，开发者只需要关注视图层， 它不仅易于上手，还便于与第三方库或既有项目的整合。是基于MVVM（Model-View-ViewModel 即：视图层-视图模型层-模型层）设 ......
vue3 源码
这文章写的很好 Compiler模块：编译模板系统。主要职责是将template编译成虚拟节点。 Runtime模块：也可以称之为Renderer模块，真正负责渲染的模块。主要职责是将虚拟节点渲染成真实元素，然后显示到浏览器上。 Reactivity模块：响应式系统。主要职责是监听响应式的数据，然后 ......
vue全家桶进阶之路47：Vue3 Axios拦截器封装成request文件
可以将Axios拦截器封装成一个单独的request文件，以便在整个应用程序中重复使用。 以下是一个示例，展示如何将Axios拦截器封装成一个request文件： 1、创建一个名为request.js的新文件，并导入Axios： import axios from 'axios'; 2、创建一个名为 ......
Vue3 入门（ref）
Vue3 入门（ref） let name = ref('jack') 首先我们得明白，ref函数返回的是一个RefImpl对象的实例，所以此时name的值是一个复杂数据类型Object，它里面有个value属性，就是它的值，而其它的属性皆是下划线开头的，我们不关注，因为这类属性一般不是给我们开发用 ......
【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript + Element-Plus 从0到1搭建后台管理系统（前后端开源@有来开源组织）
本篇通过万字长文详细介绍 vue3-element-admin v2 版本从 0 到 1，相较于v1版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式等功能的支持以及重构优化。v2 版本发布也标志着有来开源组织的 SpringBoot3 + Vue3 前后端分离开源项目到达新的里程碑，希... ......
Vue插槽
插槽 作用 让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件 => 子组件。 分类 默认插槽 具名插槽 作用域插槽 使用方法 默认插槽 //父组件中 <Category> <div>html结构</div> </Category> //子组件中 <template ......
10-Vue动画
title: 10-Vue动画 publish: true 前言 动画的作用：提高用户的体验，帮助用户更好的理解页面中的功能。 使用过渡类名实现动画 官方文档的截图 过渡类名如下： 动画进入： v-enter：动画进入之前的初始状态 v-enter-to：动画进入之后的结束状态 v-enter-ac ......
04-Vue的系统指令(二)
title: 03-v-on的事件修饰符 publish: true 前言 本文主要内容： v-model v-for v-if v-show v-model：双向数据绑定 重点：双向数据绑定，只能用于表单元素，或者用于自定义组件。 之前的文章里，我们通过v-bind，给<input>标签绑定了da ......
05-Vue的举例：列表功能
title: 05-Vue的举例：列表功能 publish: true 列表功能举例 步骤 1：列表功能 完整的代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con ......
09-Vue中的Ajax请求
title: 09-Vue中的Ajax请求 publish: true vue-resource的介绍 vue-resource是Vue高度集成的第三方包。 官网链接： 文档（http相关）：https://github.com/pagekit/vue-resource/blob/master/do ......