事项vue cli 01

创建一个表单，利用vue完成所有逻辑 准备一个容器 <div id="root"> <! @submit 指定提交行为， prevent阻止默认的刷新页面行为 > <form @submit.prevent="submitForm"> username: <input type="text" v-m ......

开始 在编写组件库之前，我们首先要对整个代码项目的解构有一个清晰的划分，以及用到的大多数规范，和代码风格有一个约定，这篇文章主要就围绕着下面图中的几个问题展开描述一下。 1、搭建 monorepo 环境 我们使用pnpm当做包管理工具，用pnpm workspace来实现monorepo。可以看下面 ......

本人比较喜欢用这一款编辑器，官方文档：(用于 Vue React | wangEditor)，很详细。我主要来说说怎么使用customPaste 自定义粘贴的，怎么解决 复制粘贴 word ，没有图片的情况。 主要是关于 wangeditor 在 vue2 的使用 效果图： 先把完整代码放这里： < ......

官方资料 wangEditor 官网 效果展示 准备工作 这里按照 wangEditor 官网提供的 Vue3 Demo 操作就行，下面的内容可以直接跳过 安装 yarn add @wangeditor/editor # 或者 npm install @wangeditor/editor --sav ......

任务1 学习路径选择 任务2 【进攻性安全】 职业：渗透测试工程师 技能要求： 网络应用程序安全 网络安全 使用编程语言编写各种脚本 任务3【防御性安全】Defensive Security 职业：Security Analyst【安全分析员】 技能要求：需要了解底层技术的工作原理，然后了解针对这些 ......

本系列汇总，请查看这里：https://www.cnblogs.com/uncleyong/p/16721826.html 为什么要写企业级持续集成（jenkins + pipeline + k8s）？ 目前网上自动化持续集成的资料很多，但基本上都是局限于jenkins自由风格的job，结合shel ......

好家伙，本章我们尝试实现computed属性 0.完整代码已开源 https://github.com/Fattiger4399/analytic-vue.git 1.分析 1.1computed的常见使用方法 1. 计算依赖数据：当某个数据发生变化时，computed属性可以自动更新，并返回计算结 ......

vue会监测data属性下所有层次的数据变化 监控对象中的数据 通过setter监控，在新建vue实例时就要传入要监控的数据 对象中含有的，之后追加的属性，vue默认不做响应式处理，即没有对应的getter/setter 如果需要响应式处理，要利用对应的API Vue.set(target, pro ......

1 概述 在使用 Vmware 进行安装 Windows11 操作系统时，发现没有安装 Windows 其他版本那么顺利，本文记录一下安装过程中的几个坑。 2 详情 1）Vmware 的访问控制默认是不加密的，安装 Windows11 时，必须为其设置密码进行加密，设置的这个密码需要记住，以后再进入 ......

package org.example; import javax.swing.*;import java.awt.*; public class Main extends JFrame { public static JFrame jFrame; public static JPanel jPan ......

01-计算机网络概述 1.2 因特网的概述 1 网络、互联网（互连网）和因特网 网络（Network）由若干节点（Node）和连接这些节点的链路（Link）组成 多个网络还可以通过路由器互连起来，这样就构成了一个覆盖范围更大的网络，即互联网（互连网） 因特网（Internet）是世界上最大的互连网络 ......

bug：reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->at us ......

项目中的问题 1. 当我们在维护自己的博客或者自己的网站的时候没有特别好的服务器就会响应特别的慢 2. 当我们项目特别大的时候也会首屏加载特别慢而且 vue项目打包后的js文件特别的庞大 还要加载各种资源就会特别的卡顿 3.当我们项目中用到了一些3D效果各种3D资源部特别的大的时候根本加载不出来 解 ......

9款主流待办事项提醒软件：1.PingCode；2.Worktile；3.Apple 提醒事项；4.嘀嗒清单；5.番茄TO DO；6.Todoist；7.微软To Do；8.Trello；9.Asana。 使用待办事项管理软件相比于没有使用，主要提高了任务组织和规划的效率，优化了时间管理，并有助于设 ......

问题：el-rate组件自定义的校验规则，必填项。打开表单，不做任何动作，点击提交，这时表单校验一次，然后再选择el-rate组件的评分，校验提示却并未消除。 问题复现： 1.打开表单，直接点确定 2.填写完所有的选项后，仍未消除提示 解决：首先排除了v-model是否绑定正确，单词有无错误，校验有 ......

常用的导航api有： this.$router.push('hash地址') 跳转到指定hash地址，并增加一条历史记录 this.$router.replace('hash地址') 跳转到指定hash地址，并替换到当前的历史记录 this.$router.go(数值n) 历史记录的前进和后退，数值 ......

需要 npm install vue-pdf 和 npm install pdfjs-dist，新建js文件 pdtToImg.js： import pdf from "vue-pdf"; import JsPDF from 'pdfjs-dist'; const PDFJS = require(' ......

打开setting时会看到有一条三角形的警告信息 看问题描述：无法从该网站加载 解决方法： 打开设置，找到扩展下的json项 设置之后可以在settings.json文件中看到新增加一项 "json.schemaDownload.enable": false 可以直接在界面上设置： "json.sc ......

什么是Pinia 官方文档：https://pinia.vuejs.org/zh/introduction.html Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。如果你熟悉组合式 API 的话，你可能会认为可以通过一行简单的 export const state = re ......

直播系统源代码，vue二种方式根据条件判断显示不同样式 1.v-if-v-else/v-show的方式，只显示其中之一 #v-if v-else <div class="blue" v-if="item.num == '0'">{{ item.num }}</div><div class="oran ......

打开CMD的方式 开始+系统+命令提示符 Win键+R键 输入cmd打开控制台(推荐使用) 在任意的文件下面，按住shift键+鼠标右键点击，在此处打开命令行窗口 资源管理器的地址栏前面加上cmd路径 管理员方式运行：选择以管理员方式运行 常用的Dos命令 #盘符切换 #查看当前目录下的所有文件 d ......

Description:We get this message in running the Upgrade Express 20-21 export (create_customer_data):ORA-01187: cannot read from file 201 because it fai ......

管理信息系统 管理信息系统，按照名字就可以理解，它是用于管理的，处理信息的系统。还可以说是用系统的方式，通过信息媒介控制，来达到管理的目的。其中三个要素是个管理、信息、系统。 管理信息系统的重要性 管理信息系统是先进生产力，是科学发展观。正如IT（信息技术和组织管理）是企业过程重组（BPR）的是使能 ......

一、资料链接 Arco Design 的官网：https://arco.design/ Arco Design开箱的管理系统预览：https://vue-pro.arco.design/login vue3 项目创建的指南：https://arco.design/vue/docs/pro/start ......

直接使用npm install vue-router -save安装的路由，运行报错 经排查后发现是安装的vue-router版本太高 使用 npm uninstall vue-router 卸载之前安装的路由 使用 npm i vue-router@3.5.2 安装低版本的路由 问题解决！！！ ......

setSelf() { const arr: any = [] list?.forEach((item) => { const obj = { id: 1 } arr.push(obj) }) arr.push() return this.api?.set1Type(arr) // 调接口 }, s ......

引用组件 // city_dialog.vue //PopWindow 弹出层组件 //AreaList 省市区数据组件 //areaData 省市区数据 <PopWindow :dialogVisible="dialogVisible" title="省市区选择" sizeType="large" ......

父组件 //引入子组件 <jyqk :selectData="selectData" ref="jyqk_ref"></jyqk> import fxjy from "./components/fxjy.vue"; const jyqk_ref = ref<any>(); const change_ ......

//基于准备好的dom，初始化echarts实例 const barDOM: any = ref(); var myChart: any; let echartNull: any = null; // 渲染echart const init_chart = () => { if (myChart ! ......

let t_data = sortByKey(pz_data.data, "yield_per_mu"); //array：当前数组 //key：数组中需要比较大小的值 export const sortByKey = (array: any, key: any) => { return array ......