事项vue cli 01

vue显示echarts报错——echarts未在vue界面中定义init——TypeError: Cannot read property ‘init‘ of undefined

问题描述 本来按照网上的教程说是想要定义一个全局变量,就不需要在每个需要用到echarts组件的vue页面里面重新定义了, 直接使用就行,然后就报错了; 问题解决 我觉得应该是我的全局变量定义错误了,但是吧,我就直接改成在该vue页面定义了它,然后再使用: 就没有再使用到那个全局变量,直接这样就通过 ......
echarts init vue TypeError undefined

启动vue项目报错——ERROR Error loading vue.config.js: ERROR TypeError: defineConfig is not a function

问题描述 在我引入echarts模块之前是ok的,引入之后就启动失败了; 问题解决 一般情况下,都是该项目的版本与本机cmd里面的版本不对应导致的; 只需要使用这个命令npm upgrade,更新版本,一直yes下去,就能够解决这个问题啦! ......
ERROR defineConfig vue TypeError function

Docker 基础01

一、容器技术介绍 1.1 什么是Docker Docker是一个开源项目,诞生于2013年初,基于Google公司退出的Go语言实现。 Docker是一个开源的应用容器引擎,基于LXC(Linux Container)内核虚拟化技术实现,提供一系列更强的功能,比如镜像、Dockerfile等。 Do ......
基础 Docker

Vue组件各个属性执行顺序问题

转自:https://blog.csdn.net/m0_62763606/article/details/131694339 在制作波动短视频效果时,在data中定义了一个变量,默认值为null。后来该变量在mounted中被赋值,而后在watch侦听属性中使用立即侦听时使用了该变量却显示为null ......
组件 顺序 属性 问题 Vue

Vue模板应用

目录Vue模板应用{{}} 变量插值v-once 只会插值一次v-html 对HTML代码插值v-bindHTML标签属性的插值在外部传递数值类型的数据到组件内部时, 必须使用v-bind指令的方式进行传递, 直接使用HTML属性设置的方式传递会将传递的数据作为字符串传递v-on 监听、绑定事件v- ......
模板 Vue

vue 监视器watch

监听器案例 简单写法: 简单写法案例 完整写法: 完整写法案例: ......
监视器 watch vue

2023-01-06-Regex

最近工作终于闲了下来,可以上班研究代码。遇到一些需要正则表达式的编程问题,无法解决所以决定个学一下。 Regex 101 - ZH-CN (regexlearn.com) Regex Learn - 练习场 Regex Learn - cheatsheet 练习题 简单 匹配单词 he is in ......
Regex 2023 01 06

2023-01-05vscode技巧

csharp 程序不能输入 用vscode运行csharp默认使用的terminal是不支持输入的,输入没反应 需要修改 launch.json 增加这两行我估计是关闭了什么东西,并且调用系统的terminal,具体就不懂了。 "configurations": [ { // For more in ......
技巧 vscode 2023 01 05

2023-01-31python-json

+++ title = "Json读写(Python)" description = "" date = 2023-01-31T15:34:37+08:00 featured = false comment = true toc = true reward = true categories = [ ......
python-json python 2023 json 01

2023-01-31python-path

+++ title = "使用标准的path处理方法 (Python)" description = "" date = 2023-01-31T15:26:05+08:00 featured = false comment = true toc = true reward = true catego ......
python-path python 2023 path 01

2023_10_09_MYSQL_DAY_01

2023_10_09_MYSQL_DAY_01 #运算符的优先级 SELECT ename, job, sal FROM emp WHERE ( job='SALESMAN' OR job='PRESIDENT') AND sal>1500; SELECT ename, job, sal FROM ......
MYSQL_DAY MYSQL 2023 DAY 10

2023_10_09_MYSQL_DAY_01_课后题

2023_10_09_MYSQL_DAY_01_课后题 #第三章 #1. 查询每名员工的员工姓名,入职时间。 SELECT ename, hiredate FROM emp; #2. 查询部门表中部门名称及部门所在地。 SELECT dname, loc FROM dept; #3. 查询所有员工的 ......
MYSQL_DAY MYSQL 2023 DAY 10

针对vue3中动态循环图片require不好使的问题

1、动态src路径渲染 2、定义一个函数通过new URL把路径返回回去,vue2采用的是require的方式动态渲染 ......
不好 require 动态 问题 图片

01webpack基础知识

1 概述 1.1 什么是 webpack 1、 webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)。在webpack看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。它将根据模块的依赖关系进行静态分析,打包生成对应 ......
基础知识 webpack 基础 知识 01

vue3+ts中使用echarts

1. 下载 npm install -S echarts 2.使用 方法一(推荐使用) <div class="echart_box" ref="echartDom"></div> <script setup lang="ts"> import * as echarts from "echarts" ......
echarts vue3 vue ts

vue 甘特图(三):甘特图右侧内容拖动展示

vue3 甘特图(三):甘特图右侧内容拖动展示内容 解决因多个项目周期跨度不同,在一页屏幕里展示不完全,需要通过拖动甘特图下方的滚动条,去查看对应时间段内的内容 拖拽滚动视图,展示对应时间甘特图 构思,通过监听内容拖拽的距离,同时使滚动条滑动相同距离,从而达到效果。 //拖拽滚动视图 const s ......
右侧 内容 vue

01_搭建和试用开发环境

rust的官网 https://www.rust-lang.org/ 1. 安装、卸载rust windows环境 下载windows安装包 双击后进入命令行安装,按照提示输入数字选项安装即可。 如果系统中缺少c++的库,会提示先安装visual studio。 linux or MAC: curl ......
环境 01

vue3结合socket实现打字机动画

<template> <div> <div>ip地址:<input type="text" placeholder="ip地址" v-model="socketIP"></div> <br /> <div>端口号:<input type="text" placeholder="端口号" v-mode ......
打字机 动画 socket vue3 vue

使用vue-router添加动态路由时遇到的坑

在开发后台管理的时候,用户登录时需要根据权限来分配路由,这时候可以在路由守卫里通过router.addRoute()方法动态添加路由。 import router from './router' import store from './store' import storage from '@/u ......
路由 vue-router 动态 router vue

客户端简单使用socket.io---vue3全局挂载

socket.io官网:https://socket.io/ 使用前要先安装socket.io npm i socket.io socketIO.js import io from 'socket.io-client' export default { install: (app) => { if( ......
全局 客户端 客户 socket vue3

vue中的循环遍历对象、数组和字符串

vue循环遍历对象、数组和字符串 1.循环遍历对象 1.1vue 在html里面循环遍历对象 v-for=" (val, key , i) in dimItemMap" :key="key" val-每一项 key -key值 i-第几个 <el-table-column prop="score" ......
数组 字符串 字符 对象 vue

22-Vue组件化编程

使用传统的方式编写应用 传统的方式,一般离不开前端的三大件(HTML、CSS、JS) HTML:HTML是超文本标记语言(Hyper Text Markup Language)是用来描述网页的一种语言,负责网页的架构 CSS:CSS是一种层叠样式表(级联样式表、样式表),是⼀种标记语⾔,负责网页的样 ......
组件 Vue 22

vue 加号增加一组控件,组内套组

一、vue 加号增加一组控件,组内套组 1、要实现功能,每组内有子组数据,子组也可以增长多条,实现如下图: 2、代码 <template> <el-col :span="24"> <el-form-item label="线路车辆:" prop="mobile"> <div class="deman ......
加号 控件 vue

Vue学习笔记(七):绑定css样式

1 绑定class样式¶ vue为HTML绑定css中的class样式是通过v-bind实现的。 1.1 绑定单个class¶ 把需要绑定的样式class名赋值给一遍变量,然后通过变量v-bind绑定class属性,绑定后的class并不会覆盖原来的class属性,而是与原来的class进行叠加。如 ......
样式 笔记 Vue css

.NET周刊【10月第1期 2023-10-01】

国内文章 .NET应用如何防止被反编译 https://www.cnblogs.com/Can-daydayup/p/17736700.html 本文主要讲述了如何防止.NET应用被反编译。虽然无法完全防止反编译,但可以通过混淆代码、加密敏感数据、动态生成代码、使用代码混合技术和代码签名等方法增加反 ......
周刊 2023 NET 10 01

vue 计算属性

计算属性 ......
属性 vue

Vue指令

: 差值表达式不能写在属性中 如::src ={{imgUrl}}是错误的写法 :根据删除对应的项 :关于v-for中加上:key的作用 :v-for中一定要加上:key 推荐使用id唯一标识 v-model :指令修饰符 :v-bind : 导航栏高亮案例 进度条案例: : :v-modle表单属 ......
指令 Vue

vue项目使用lodash节流防抖函数问题与解决

背景 在lodash函数工具库中,防抖_.debounce和节流_.throttle函数在一些频繁触发的事件中比较常用。 防抖函数_.debounce(func, [wait=0], [options=]) 创建一个 debounced(防抖动)函数,该函数会从上一次被调用后,延迟 wait 毫秒后 ......
函数 项目 lodash 问题 vue

vue $refs 获取的结果有时候是数组

在工作的时候要从接口读取数据,生成一个动态的表单 首先做的就是绑定ref 然后使用const { proxy } = getCurrentInstance();来读取ref,看了半天数据怎么不对,控制台打印后,发现是一个数组 后来观察到只要是使用v-for生成的获取ref时,即使没有重复,结果也是数 ......
数组 有时候 结果 refs vue

flask学习01-查询数据库(使用mysql)

环境准备 先安装连接 mysql 驱动包 pymysql pip install pymysql 安装Flask-SQLAlchemy 应用插件 pip install flask-sqlalchemy 代码示例 from flask import Flask, url_for, request, ......
数据库 数据 flask mysql 01