vue特性vue3
vue增长改查模版
1.前言 后台管理系统，基础信息录入的页面都是表格+弹窗形式的增删改查，依此进行封装，减少重复开发 涉及组件：表单，表格，分页，弹窗 涉及接口：列表查询，新增提交，编辑提交(整行) 2. ......
少年，该升级 Vue3 了！
Vue2 的终止支持时间是 2023 年 12 月 31 日，本文是一篇 Vue2 升级 Vue3 的指南，可帮助你快速从 Vue2 平滑升级到 Vue3。 ......
vue3 computed属性
该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
vue elementplus 使用cellRenderer重写单元格，滑动滚动条渲染复选框出现错误
使用elementplus的虚拟表格，动态加载表头的时候，第一列为复选框；但是在滚动滑动条的时候出现了一个奇怪的现象； 我选择了4和5，当我滑动滚动条的时候如下： 像是复选框跟着在动； 通过跟踪代码，查出问题； 在cellRenderer中打印checked的值发现问题，大滚动的时候，打印出来的都是 ......
vue2和vue3使用echarts时无数据，怎么显示暂无数据图片或文字
一开始也经历了用v-if和v-show，v-show的话echarts还会留出暂无数据图片的位置，导致echarts变形，v-if在加载和不加载切换时，dom会获取不到；后来也是在网上找的方法，时间有点长，原文地址就不贴了。 对了，在网上查方法的时候还找到了echarts noDataLoading ......
vue 自定义全局弹窗组件
问题描述： vue 自定义类似 elementUI 的 this.$confirm 解决方案： 通过vue 的extend 方法实现 然后全局注入 代码实现: 展示的组件 （就是最基本的vue组件代码） <!-- * @Author: linchun linchun * @Date: 2023-09 ......
从零开始使用vue2+element搭建后台管理系统（动态表单实现（含富文本框））[待完善]
在后台项目的实际开发过程中，涉及到表单的部分通常会使用动态渲染的方案进行实现，由后端接口返回表单配置，前端进行遍历渲染。考虑到通用后台需要具备的功能，除了基础的表单项如输入、下拉、多选、开关、时间、日期等，还需要具备上传、富文本框等功能。 首先导入一个百度来的富文本框插件：npm install v ......
.Net core 3.0 SignalR+Vue 实现简单的IM（无jq依赖）
.Net core 中的SignalR JavaScript客户端已经不需要依赖Jquery了 一、服务端 1、nuget安装 Microsoft.AspNetCore.SignalR2、在startup.cs中注册和使用signalr services.AddSignalR(); app.UseE ......
vue项目用electron打包成exe,并更新exe版本
用electron-build打包 1、下载electron、electron-builder npm install electron electron-builder -D 2、配置package.json文件 "start": "electron .", "app:build": "elect ......
一统天下 flutter - dart: dart 3 新特性（类相关）
> 源码 [https://github.com/webabcd/flutter_demo](https://github.com/webabcd/flutter_demo "flutter_demo") > 作者 [webabcd](http://webabcd.cnblogs.com/ "web ......
一统天下 flutter - dart: dart 3 新特性（元组，解构，switch 的模式匹配）
> 源码 [https://github.com/webabcd/flutter_demo](https://github.com/webabcd/flutter_demo "flutter_demo") > 作者 [webabcd](http://webabcd.cnblogs.com/ "web ......
vue3 ts setup 监听 pinia 数据的变化，更新页面数据
简述 由于 pinia 导入到vue中的值没有响应性 import useUserStore from './stores/user'; const userStore = useUserStore(); userStore.isvaild;// 没有响应性 那么我们在vue中动态修改某值的想法则需 ......
vue+openlayers 绘制点
绘制点使用point在绘制点的位置，使用Circle绘制点的样式 疑问：将style放在Feature上就绘制不出来样式？ <template> <div class="setting"> <div class="title">设置</div> <ul> <li> <p>边框大小：</p> <el- ......
Spring Boot + Vue3前后端分离实战wiki知识库系统<十三>--单点登录开发二
接着https://www.cnblogs.com/webor2006/p/17608839.html继续往下。 登录功能开发： 接下来则来开发用户的登录功能，先准备后端的接口。 后端增加登录接口： 1、UserLoginReq： 先来准备用户登录的请求实体： package com.cexo.wi ......
ES 2023新特性速解
ES 2023新特性速解 一、新增数组方法 操作数组的方法 Array.prototype.toSorted(compareFn) //返回一个新数组，其中元素按升序排序，而不改变原始数组。 Array.prototype.toReversed() //返回一个新数组，该数组的元素顺序被反转，但不改 ......
highlight_highlight.js在vue项目中的基本用法
目录简介安装使用在vue项目中的使用附录获取可选的样式文件快速获取可选样式 简介 highlight.js是一个将代码html, 即通过<pre>标签包裹的<code>标签内的代码字符串文本赋予样式的插件; 安装 npm i highlight.js -S 使用 在vue项目中的使用 在main.j ......
uniapp 在app.vue中的异步请求完，页面中的onload或者onshow再请求（promise方法）
第一步： 在main.js里面注册onLaunched，onLaunched，onLaunched，isResolve // 处理onLaunch和onLoad 异步变成同步问题 app.config.globalProperties.$onLaunched = new Promise((resol ......
Vue3.2
1.ref定义基本数据类型 <script setup> import {ref} from 'vue' //需导入依赖 let name = ref('zhangsan') const setName = () => { name.value = 'lisi' } </script> const ......
uniapp中使用vue-i18n实现多语言
一 安装vue-i18n npm i vue-i18n@6 二 添加相关语言配置 如 en.json: { "locale.auto": "System", "locale.en": "English", "locale.zh-hans": "简体中文", "locale.zh-hant": "繁体 ......
第二十二章 新特性
22.1 Java8的新特性 22.1.1 Java8的概述 Java8是 Java 语言的一个重要版本，该版本于2014年3月发布，是自Java5以来最具革命性的版本，这个版本包含语言、编译器、库、工具和JVM等方面的十多个新特性。 22.1.2 函数式接口 函数式接口主要指只包含一个抽象方法的接 ......
Vue mavon-editor 本地加载 – 关闭 CDN
转载自Vue mavon-editor 本地加载 – 关闭 CDN - 前端教程。仅自用。 时间 2022-03-31 21:07:09 前言 在 Vue 里面使用 Markdown 编辑器的选择并不多。mavon-editor 大概是 GitHub 上星星最多的 Vue Markdown 编辑 ......
关于vue2的模块级总结
前阵子在赶一个项目的进度，一直没时间做总结，今日闲来无事，消化一下。 背景 vue2的项目，面向受众为g端 内容 1. 项目原因，单路由下包含详情&列表两页面。根据v-if跳转，笔者这里用的是动态组件的方式 2. 同样由于项目原因，使用的模块级vuex，因而在使用时，也有了许多盲点： （如图：） 使 ......
（数据科学学习手札154）geopandas 0.14版本新特性一览
本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 大家好我是费老师，就在前两天，Python生态中的GIS运算神器geopandas发布了其0.14.0新版本，在这次新版本更新中，不仅是新增了许多矢 ......
ES14新特性揭秘，对前端开发有哪些影响？
ECMAScript 2023也就是ES14已经发布3个月了，还有好多小伙伴没有关注到ES14有哪些变化，本文将为大家梳理下ES14最新规范新增功能：对数组的新增功能，对shebang的支持，对弱引用集合的符号键的扩展。这个版本的都是一些细微的改进，我们一起看看有哪些变更 目录 Array.prot ......
vue项目中的Tinymce富文本编辑器如何从word中粘贴图片上传到七牛云
Tinymce富文本编辑器粘贴图片时需要上传到自己的空间中才能被打开。 一、首先需要安装引入七牛云 npm install qiniu-js var qiniu = require('qiniu-js')// orimport * as qiniu from 'qiniu-js' 二、同时引入客户端 ......
Vue学习六：路由进阶
一、路由的封装抽离 目标：将路由模块抽离出来。好处：拆分模块，易于维护。 第一步：在src目录下新建一个router目录，在创建一个index.js文件，将先前main.js中的路由代码转移到index.js文件中。（这里需要使用到vue所以需将vue包导入；需修改组件路径，@符号代表绝对路径src ......
报错error Component name "Index" should always be multi-word vue/multi-word-component-names解决方法
1、问题说明：在创建组件命名时，引用 index.vue 的过程中报错； 2、报错的原因及分析：其一、报错的全称为：error Component name "index" should always be multi-word vue/multi-word-component-names翻译为：错 ......
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de 具体报错信息如下: 我这个是在IDEA控制台输入 npm i eleme ......
vue2 使用tinymce编辑器实现上传图片及粘贴word文本保留格式并粘贴图片自动上传
下载对应的版本 npm install @tinymce/tinymce-vue@3.0.1 -Snpm install tinymce@5.8.2 -S 然后在node_modules中找到tinymce把整个文件复制下来粘到public中 在组件页面使用 根据自己需求进行注释或添加功能 <tem ......