教程npm vue
echart 防止多次渲染 无数据时显示暂无数据 vue3
//基于准备好的dom，初始化echarts实例 const barDOM: any = ref(); var myChart: any; let echartNull: any = null; // 渲染echart const init_chart = () => { if (myChart ! ......
数组对比大小 vue3
let t_data = sortByKey(pz_data.data, "yield_per_mu"); //array：当前数组 //key：数组中需要比较大小的值 export const sortByKey = (array: any, key: any) => { return array ......
数字千分比格式化 vue3
{{ numberToCurrencyNo(1245) }} export const numberToCurrencyNo = (value: any) => { if (!value) return 0; // 获取整数部分 const intPart = Math.trunc(value); ......
vue3 标题组件
<template> <div class="header_body"> <div class="header_inner"> <div class="title_line"></div> <el-row class="titleBodyComl"> <div class="icon"> <div ......
postgresql从入门到精通教程 - 第36讲：postgresql逻辑备份
PostgreSQL从小白到专家，是从入门逐渐能力提升的一个系列教程，内容包括对PG基础的认知、包括安装使用、包括角色权限、包括维护管理、、等内容，希望对热爱PG、学习PG的同学们有帮助，欢迎持续关注CUUG PG技术大讲堂。 第36讲：PostgreSQL逻辑备份 第36讲：12月02日(周六)1 ......
我的vue cli安装
1 配置npm镜像仓库 npm config set registry https://registry.npm.taobao.org npm config set disturl Node.js Mirror ......
原生GPT本地及云端部署方式保姆级教程
前提条件 部署必须要有一个超过1年的Github账号 本地服务部署 运行效果 部署方法 下载安装包 暂时无法在飞书文档外展示此内容 GitHub授权登录： https://dash.pandoranext.com/ 登录后是这个样子： 复制下面红框里面这个License Id 编辑Config.js ......
从零开始的 dbt 入门教程 （dbt-core 基础篇）
最近一直在处理数据分析和数据建模的事情，所以接触了 dbt 等数据分析的工具，国内目前对于 dbt 比较详细的资料不多，所以打算写四道五篇 dbt 相关的文章，本文属于 dbt 系列的第一篇，本篇主要阐述 dbt 一些基本概念，教会你如何配置 dbt 连接远端数据库，并运行你的第一个数据模型，那么本 ......
Vue购物车一些参考
1. 子组件给父子件传参 然后循环2 v -for = "(sel,selindex) in selectalls" 括号中间逗号3. 给数据的每个对象插入属性值 vm.$data.all.map(item => { vm.$set(item, 'selectNum', 0) vm.$set(ite ......
Vue快速入门
Vue是一套用于构建用户界面的渐进式框架（可由简单到复杂进行使用）。 MVVM响应式编程模型，避免直接操作DOM，降低DOM操作的复杂性。 MVVM编程思想（数据与页面的双向绑定） ......
8.2 docker教程
将当前用户添加到docker用户组 为了避免每次使用docker命令都需要添加上sudo权限，可以将当前用户加入安装中自动创建的docker用户组。 sudo usermod -aG docker $USER newgrp docker # 更新用户组 镜像(images) docker pull ......
vue 根据url来下载文件
服务端返回了一个pdf url ，直接点击变成了预览。 下载方式： let fileUrl = 'http://file地址替换成自己的'; let fileName = '文件下载时的文件名'; fetch(fileUrl) .then((response) => response.blob()) ......
通过.NET Core+Vue3 实现SignalR即时通讯功能
.NET Core 和 Vue3 结合使用 SignalR 可以实现强大的实时通讯功能，允许实时双向通信。在这个示例中，我们将详细说明如何创建一个简单的聊天应用程序，演示如何使用 .NET Core SignalR 后端和 Vue3 前端来实现实时通讯功能。 步骤1：准备工作 确保你已经安装了以下工 ......
Vue网站发布到iis后提示404页面不可访问
参考：https://www.cnblogs.com/yhnet/p/14804869.htmlvue重定向和跨域配置：https://zhuanlan.zhihu.com/p/5306882511.安装组件：URL Rewrite：https://www.iis.net/downloads/mic ......
当多个使用弹窗类组件，可使用这种方式封装组件。（以下使用antd-vue、vue3）
1.代码 点击查看代码 <template> <slot :openDialog="openDialog" :closDialog="modalCancel"></slot> <a-modal v-model:open="open" title="Basic Modal" @cancel="moda ......
1、vue初体验
1、在页面上引用 vue.mim.js 文件，有个 min 的是压缩的意思。 <script tppe="../vue.min.js"></script> 2、在页面上添加 div 元素 <div id="showPage"> <h1> 系统名称:{{ title }} </h1> <ul> <li ......
Puppeteer入门教程
Puppeteer 简介 Puppeteer 是一个node库，他提供了很多操纵Chrome的API, 让我们可以通过 javascript 模拟人工操作浏览器。既然是浏览器，那么我们在浏览器上做的事情, 都可以通过 Puppeteer切换成自动操作；具体 Puppeteer 可以做 生成网页截图或 ......
vue关于自定义指令
私有自定义指令（在与data()同级结构中进行配置） // 私有自定义指令的节点 directives: { // 定义名为color的指令，指向一个配置对象 color: { // 当指令第一次被绑到元素上的时候，会立即触发bind函数,只会调用一次 // 形参中的el表示当前指令所绑定到的那个d ......
查看npm包某个具体版本及所有版本
查看该包的所有版本及最新版本 npm info jquery查看npmjs服务器上包的版本信息： 使用npm view jquery versions；这种方式可以查看npm服务器上所有的jquery版本信息； 使用npm view jquery version； 这种方式只能查看jquery的最新 ......
Vue 项目配置自动更新，自动刷新页面
今天用户反馈使用页面的时候，有时候点击没反应，排查下来，是因为发布版本的时候，用户那边没有加载最新的文导致的，然后根据思路，做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间，通过环境变量的方式保存起来 打开 vite ......
npm install 报pnpm无法加载文件 (解决方法 )
例如：我现在要运行一个TS的项目，我的电脑上没有安装pnpm，导致我的vscode一直报错无法加载 Pnpm安装 npm install -g pnpm pnpm : 无法加载文件 pnpm : 无法加载文件 C:\Users\HP\AppData\Roaming\npm\pnpm.ps1，因为在此 ......
在IDEA上面连接Sql Server教程
使用的IDEA为2021版，Sql Server为2012版。 之前进行用IDEA连接Sql Server，一直失败。网上找了很多教程，试了一下午，终于连接成功了，在此分享一下我的连接教程。 1、打开IDEA,点击右侧Database,再点击左侧加号。 2、点击Data Source,选择Micro ......
vue3页面中，两个相同组件，一个卸载，一个挂载，后展示的组件事件监听不生效？
场景：在实际开发中，遇到了这样一种场景，vue3页面，两个相同组件，在满足某条件下展示第一个组件，满足另一个条件下，隐藏第一个组件，同时展示第二个组件，比如反馈组件，会通过 window.addEventListener 来监听自定义的反馈弹窗展示和隐藏事件。 结果：两个相同组件一个卸载，一个挂载， ......
关于vue中的动态组件component和keep-alive
component标签是vue内置的，作用：组件的占位符 <component is="组件名称"></component> 其中is属性的值表示要渲染的组件的名字，也就是components节点下的组件名称 当我们动态切换组件名称时，每切换一次，组件就会被销毁一次，若不想让组件被销毁，则需要用到标 ......
在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯
转载于在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯 - DCloud问答 uni-app的web-view组件，支持加载远程网页，在app环境下，还支持加载本地HTML页面。 在web-view加载页面中，会涉及wx、plus、uni等对象的使用。 在小程序下 ......
Vue 嵌套选项卡 购物车
嵌套选项卡 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="js/vue. ......
vue组件的inheritAttrs属性
先看一个案例 子组件ChidComp.vue <script> export default { inheritAttrs: true, props: { msg: String }, mounted(){ console.log(this.$attrs.mesge); } } </script> ......
vue-treeselect使用案例
https://vue-treeselect.js.org/ 父子节点没有关联 <TreeSelect flat style="background-color: #0e3977" placeholder="请选择" v-model="org" :multiple="true" :options=" ......
本地Linux 服务器实现公网SFTP远程传输文件(小白教程)
简单几步实现使用SFTP结合cpolar工具实现远程Linux服务器传输文件 1. 查看局域网IP地址 检查Linux 局域网IP地址,我们输入: ip address 然后即可看到设备的局域网IP地址 2.局域网测试连接 我们打开连接工具,这里使用winSCP连接测试,协议选择SFTP,输入上面查 ......
手撕Vue-Router-实现router-link
前言 在上一篇 [手撕Vue-Router-添加全局$router属性] 中，实现了将每一个 Vue 实例上挂载一个 $router 属性，这个属性就是我们在上一篇文章中创建的 VueRouter 实例。 开始 本章节，我们将实现一个 router-link 组件，这个组件可以实现点击跳转到指定的路 ......