效果echarts项目vue
vue 一键导出数据为excel文件并附带样式 十分简单
自入行以来我就一直疑惑一个问题，导出excel为什么总是搞的很复杂，包括网上的教程，屎里淘金，非常耗费精力。今天刚好业务需要，整理一个简单明了的由vue前端导出的版本出来。 开始： #1.添加xlsx、xlsx-style、file-saver三个包 npm install xlsx xlsx-st ......
vue Js对象结构函数使用方法
写了三行不如一行搞定 原先的 const inComeTypeId = this.queryForm.inComeTypeId const currentPage = this.queryForm.currentPage const pageSize = this.queryForm.pageSiz ......
vue3 组件传参
父组件 子组件 <iframe :src="props.src" width="100%" height="100%" frameborder="0" id="_iframe" ></iframe> 接收参数 const props = defineProps({ src: { type: Stri ......
vue3 router 路由传参
路由跳转 import router from "@/router"; router.push({ path: "/iframe", query: { url: frameurl.value } }); 获取参数 import router from "@/router"; import { use ......
vue中使用vant中PullRefresh 下拉刷新踩坑
## 问题 PullRefresh 的内容未填满屏幕时，只有一部分区域可以下拉： ``` 内容 ``` ##解决 我们需要给 .van-pull-refresh__track 一个高度就可以了，代码如下 ``` ``` ## 注意 在修改css样式时，出现了一个错误，一开始使用的是以下代码来修改 . ......
vue3 打包超出限制 Some chunks are larger than 500 kBs after minification
vite.config.ts , build: { // 如果自己分片的话，就会生成37个文件 // chunkSizeWarningLimit: 1000, // rollupOptions: { // output: { // manualChunks(id) { // if (id.inclu ......
Maven 父子项目
1、创建父项目 cmd进入项目工作目录,执行以下代码: mvn archetype:generate 创建成功,接着修改pom.xml如下： <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org ......
vue3 reactive响应式赋值页面不渲染问题
## 问题描述： ``` // 声明变量 let data = reactive([]); http().then(res=>{ data = res.data console.log(data) }) // data数据更新，页面没有渲染， ``` ## 1、因数据结构而导致的未渲染解决方法： * ......
.env.development（开发环境）、.env.prodction（正式环境）、自定义环境 例如：读取vue项目根目录 process.env.VUE_APP_filePath
.env.development（开发环境）、.env.prodction（正式环境）、自定义环境 原文链接：https://blog.csdn.net/qq_42855675/article/details/114261585 文章目录 1.配置文件：2.命名规则3.关于文件的加载使用自定义环境 ......
Vue3.3 的新功能的体验（下）：泛型组件（Generic Component) 与 defineSlots
> 上一篇说了 DefineOptions、defineModel、Props 的响应式解构和从外部导入类型 这几个新功能，但是没有说Generic、defineSlots等，这是因为还没有完全搞清楚可以用在什么地方。折腾了几天终于弄清楚了。 这还要从 TS 的泛型说起。 ## 泛型的目的和意义 泛 ......
vue --version 显示的却是vue cli的版本号，为什么？
vue --version 显示的却是vue cli的版本号，为什么？ 如果您在运行 vue --version 命令时显示的是 Vue CLI 的版本号，而不是 Vue.js 的版本号，那可能是因为您已经全局安装了 Vue CLI。 Vue CLI 是一个用于快速搭建 Vue.js 项目的脚手架工 ......
vue iview render函数渲染table表头和列表内容
1 computed:{ 2 tableColumns(){ 3 return [ 4 { 5 title: "封面", 6 key: "pageImage", 7 render: (h, params) => { 8 return h("img", { 9 style: { 10 height: ......
Vue3 watch API 踩坑记录 | 方法未定义问题
在使用 setup() 语法糖时，方法的定义和 watch 的调用都在 setup内部进行。 需要确保方法在 watch 调用之前可访问。 **错误示例** ```html ``` 这个时候，会报错`Uncaught (in promise) ReferenceError: Cannot acces ......
vue3 -ts文件导入js文件报错
1.背景 2.解决 在tsconfig.json文件中添加配置 "noImplicitAny": false, "allowJs": true, 或者使用 require 来导入文件 ......
Vue2+Vue-baidu-map 的使用
在Vue2项目中有时候会用到百度地图插件，更适配Vue项目的可以结合Vue-baidu-map来实现。 Vue-baidu-map地址 使用npm 安装 $ npm install vue-baidu-map --save 或者使用CDN来进行引入 <script src="https://unpk ......
【python基础】编写/运行hello world项目
# 1.编写hello world项目 编程界每种语言的第一个程序往往都是输出hello world。因此我们来看看，如何用Python输出hello world。 1.如果你是初学者，main.py中的代码暂时是无法看懂的，所以可以把main中的源代码直接删除。如下所示 ], ......
Vue中的template标签的使用和在template标签上使用v-for
我们知道 .vue 文件的基本结构是： <template> ........ </template> <script> export default { name: "demo" } </script> <style scoped> .demo { font-size: 28px; } </sty ......
IDEA中Java项目创建lib目录(添加依赖jar包代替maven依赖)
**文章目录** 1.右键点击项目，创建一个普通的文件夹 2.取名为lib 3.把项目所需的jar包复制到lib文件夹下 4.然后Add as Library…构建项目所需的jar包 5.点击ok（完成jar包的自动依赖） **1.右键点击项目，创建一个普通的文件夹**   故申请加分0.5分 # 2、完成1500字的软件工程课程总结 网址：https:/ ......
Three.js实现可透视的水面效果
## 1. 引言 Three.js是著名的JavaScript 3D图形库，用于浏览器中开发 3D 交互场景的 JS 引擎，可以快速的搭建三维场景 Three.js官网为：[创建一个场景 – three.js docs (threejs.org)](https://threejs.org/docs/ ......
Vue2路由嵌套是注意子路由path问题
1、当子路由以/开始时，它会被视为根路由，并且会显示在URL的根路径中  2、当子路由不以/开始时，它将 ......
项目进程优化处理
启用网络需在进程中启用，而和外面流程不相关，就出现信息更新滞后的情况，为此，做一些调查，将改变调用进程方式来实现。 l Handler 通过Handler你可以发布或者处理一个消息或者是一个Runnable的实例。没个Handler都会与唯一的一个线程以及该线程的消息队列管理。当你创建一个新的Han ......
Vue2路由嵌套是注意子路由path问题
1、当子路由以/开始时，它会被视为根路由，并且会显示在URL的根路径中  2、当子路由不以/开始时，它将 ......
Vue CLI配置
全局安装 首先配置淘宝镜像 cmd打开，输入 npm config set registry https://registry.npm.taobao.org 安装命令 npm install -g @vue/cli 发现报错如下，没有权限！！使用管理员模式。 重新开始，完美！！ 然而输入查看vue ......
面试题总结及数仓项目介绍
Interview Summary 1,请简述你常用的Linux命令. # df -h, free... 2. 大数据的特点是什么? # 5V(大多值快信) 3. namenode是如何管理datanode的? # 心跳机制, 副本机制, 负载均衡. 4. HDFS的默认副本数是3, 那么这3个副 ......