vue-quill vueup quill vue

vue的几个记录

1.父组件传递子组卷数组参数 props: { boxData: { type: Array, default: () => [], //重点 }, 2.要实现父组件传递子组卷的参数动态更新 (父-》子-》子,也只需要在最后一个子组件监听即可。) 需要用到监听器 watch:{ //监听父组件传递的 ......
vue

Vue登录页

1. 创建login.vue文件 // @/pages/login.vue <el-form ref="formRef" :rules="rules" :model="form"> <el-form-item prop="username"> <el-input v-model="form.user ......
Vue

Vue2异步更新及nextTick原理

vue2.7 源码中,nextTick并没有直接使用某个 API ,而是采用了优雅降级的方案去实现异步更新。我们额外维护了一个 callbacks,用于存储 nextTick 回调 ......
nextTick 原理 Vue2 Vue

vue-day2

绑定class样式 :class="" (v-bind的缩写) 修改vue维护的数据,而非直接操作dom 绑定style,内联样式,交给vue管理(要对象,或者数组) font-size -> fontSize 换位驼峰 ⭐⭐⭐vue条件渲染 v-show 底层 -> 调整style行内样式, di ......
vue-day vue day

vue之插槽

####################### ######################### ......
vue

使用Eclipse开发Vue——CodeMix够智能

使用Eclipse开发Vue——CodeMix够智能 Eclipse的CodeMix插件允许您访问 VS Code和Code OSS扩展社区,以及 Webclipse 1.x 功能。 Vue.js是构建用户界面的渐进式框架。核心 Vue 库只关注视图层,但很容易将其与其他库或现有项目集成。如果您想在 ......
Eclipse CodeMix 智能 Vue

vue-router

################### npm install vue-router Vue.use()方法的源代码如下: function install(Vue) { // 避免重复安装插件 if (install.installed && _Vue Vue) return install.in ......
vue-router router vue

Vue——patch.ts【十四】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们扩展下 Vue 的 patch。 内容 这一块主要围绕 vue 中的__patch__进行剖析。 __patch__ Vue.prototype.__patch__的方法位于scr/platforms/web/runtime/in ......
patch Vue ts

Vue开发规范

############################### 单文件组件内容: <!--componentA.vue--> <script>/*...*/</script> <template>...</template> <style>/*...*/</style> 组件相关: 尽可能的减少wa ......
Vue

Vue Router 学习整理

Vue Router 是Vue.js的官方路由。它与Vue.js 核心深度集成,让用Vue.js构建单页应用变得轻而易举。功能包括: 嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由Vue.js的过度系统提供的过渡效果 细致的导航控制 自动激活CSS类的链接 H ......
Router Vue

VUE-Antd开发,validate规则校验第一次为空,后面无论怎么输入都显示不可为空

问题描述 场景是修改弹窗,给数据赋值,其中数据有String 和 Array 第一次操作 多选框(数据类型是Array)输入为空并在输入框外点击,显示不可为空。 之后无论怎么输入都显示不可为空。(当你控制台输出校验value时,会发现里面的值永远是第一次操作的数据,而非为空) 可能原因 1️⃣rul ......
VUE-Antd validate 规则 第一次 Antd

ant-design-vue日历面板 a-calendar 属性自定义设置

通过自定义属性设置,实现一个周末与工作日的不同颜色设置 效果图: 使用的属性: 自定义头部设置 headerRender 自定义日期显示 dateFullCellRender 代码: <template> <div class="box"> <h3>1.自定义头部; 2.自定义日期显示,工作日显示, ......

将Vue项目部署到Tomcat服务器上(简单、粗暴)

1. 将项目打包 Vue中自带webpack,可以通过一行命令将项目打包 # 执行该命令打包 npm run build 2. 上传相应文件到服务器上 打包完成后,项目中会多出一个dist文件夹, 这个文件夹中就包含html、css、js等文件 直接将dist文件夹上传到Tomcat的ROOT目录下 ......
服务器 项目 Tomcat Vue

Vue常用指令

常用指令 指令:HTML标签上带有V-前缀的特殊属性,不同指令具有不同含义。 常用指令 | 指令 | 作用 | | | | | v-bind | 为HTML标签绑定属性值,如设置href , css样式等 | | v-model | 在表单元素上创建双向数据绑定 | | v-on | 为HTML标签 ......
指令 常用 Vue

html页面里面的button标签使用@click属性时,无法定位到Vue的method里面

问题解决 就很离谱,都是按照网上的教程来的,一直无法定位,之后跟着加上了div标签,加上了id属性,方法还是灰白色,调用不了; 后来直接将el属性名称更改掉了,没想到这样就成功识别到了,反正就是逻辑没有出问题,最后也达到期望值了。 ......
属性 页面 标签 button method

vue-router 设置active路由颜色

声明:以下是vue3设置方式,vue2一样 第一步 createRouter({ // router-line-active 可以自定义别的名字,随便 linkActiveClass: 'router-line-active', history: createWebHistory(), routes ......
路由 vue-router 颜色 router active

教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023

这篇如果 Vue 和 CesiumJS 不发生史诗级的变动,应该不会再有后文了。主要是这类文章没什么营养。 这篇主要修正上篇 https://www.cnblogs.com/onsummer/p/16629036.html 中一些插件的变化,并升级开发服务器的版本。 心急的朋友拉到文末,有示例工程链 ......
CesiumJS 教程 Vue3 2023 Vue

vscode 开发 vue3项目 , src 别名 为 @ ,报错

https://geekdaxue.co/read/me-note@vue/mydm8l 需要设置 basicURL 然后就生效了 { "compilerOptions": { // 设置解析非相对模块名称的基本目录 "baseUrl": ".", // 设置模块名到基于baseUrl的路径映射,可 ......
别名 项目 vscode vue3 src

Vue3 如何查看挂载在 vue 上的 全局组件

使用app.component 查看 [1]你可以通过全局 API app.component 注册全局组件并查看。在 Vue 3 中,你可以通过以下方式来查看挂载在 app 上的全局组件: const app = createApp({}); // 全局注册组件 app.component('my ......
全局 组件 Vue3 Vue vue

vue2源码-一、rollup环境配置

npm init -y创建初始化package.json并修改script为"dev": "rollup -cw " 安装rollup及其插件: npm install rollup rollup-plugin-babel @babel/core @babel/preset-env --save-d ......
源码 环境 rollup vue2 vue

第二周vue学习

单文件组件: 框架: 如果我们的组件为一个,通常采用默认暴露:export default school(名字) 上图中,name:“school”;组件名通常与xxx.vue名相同(name省略也可以运行,组件名则会被随便取) app.vue:汇总全部组件 main.js:创建vue实例,并且指明 ......
vue

在Vue中使用键盘事件,回调函数被执行两次

暂时先不考虑v-for的key,查看下面的代码 <template> <div> <form @submit.prevent="addTask"> <span>请输入待办事项:</span> <input type="text" placeholder="请输入..." v-model="text" ......
函数 键盘 事件 Vue

npm err! command sh -c vue-cli-service serve

代码中给到的node_modules没法直接使用 从新install rm -rf node_modules npm install https://www.jianshu.com/p/9bc970082020 ......
vue-cli-service command service serve npm

vue-router传参问题

// 字符串路径 router.push('/users/eduardo') // 带有路径的对象 router.push({ path: '/users/eduardo' }) // 命名的路由,并加上参数,让路由建立 url router.push({ name: 'user', params: ......
vue-router router 问题 vue

vue中使用web-editor-markdown在线编辑浏览markdown

web-editor-markdown是Web浏览器中的Markdown编辑器,用于实时渲染,如.它基于 TypeScript 和 JavaScript,不依赖于任何第三方框架。它支持中文友好,可以轻松扩展并连接到原生JavaScript,Vue,React,Angular和其他应用程序。它提供四种 ......
markdown web-editor-markdown editor vue web

Angular + quill实现富文本编辑器

前言 由于需要一个富文本编辑器来编辑一些网页内容, 手动编辑后存储到数据库比较麻烦, 所以着手实现一个自己的富文本编辑器, 来编辑和存储一些html文件. 这里使用Angular框架, 加Quill库实现. ngx-quill: https://github.com/KillerCodeMonkey ......
编辑器 文本 Angular quill

vue学习记录

前端运行环境搭建 node安装 注意自己需要的node版本即可 npm配置 npm默认安装的路径在C盘,如果介意可以修改配置 npm config set prefix "X:\XXX\node_global" npm config set cache "X:\XXX\node_cache" 墙的原 ......
vue

vue中 ref、$refs、$emit、$on、$bus、$off 详解和使用

1.ref 和 $refs ref 被用来给元素或子组件注册引用信息, 引用信息将会注册在父组件的 $refs 对象上,如果是在普通的DOM元素上使用,引用指向的就是DOM元素,如果是在子组件上,引用就指向组件的实例。 $refs 是一个对象,持有已注册过 ref 的所有的子组件。 ref用法: r ......
emit refs vue ref bus

vue导入处理Excel表格详解

https://blog.csdn.net/m0_46309087/article/details/125022676 目录1. 前言2.vue导入Excel表格2.1 使用ElementUI中的upload组件2.2 使用input文件上传3. 总体代码与效果4. 总结1. 前言 最近遇到前端导入 ......
表格 Excel vue

Jenkins Vue Windows(FreeSSHd)整合

创建项目第一次创建执行一次如下的代码。 # 进入Jenkins工作空间下hxkj项目目录 cd /root/.jenkins/workspace/pc_back # 下面的命令只需要执行一次,后续可以删除 ### # npm切换为淘宝源 npm config set registry http:// ......
FreeSSHd Jenkins Windows Vue