教程npm vue
vue el-select/el-cascader获取选中的对象label值
1.el-select获取选中对象label值 <el-form-item label="车辆配置" prop="sales_name"> <el-select v-if="!showSaleNameInput" v-model="form.sales_name" clearable ref="it ......
Vue监听路由的变化
方式一:watch监听 通过watch监听,当路由发生变化的时候执行 watch:{ $route(to,from){ console.log(to.path); } }, // 或者 watch: { $route: { handler: function(val, oldVal){ consol ......
cadquery装配教程(1)
代码 绘制出的图形 DXF图形截图 用到的函数 .sketch() 在当前界面创建一个草图 importers.importDXF() 导入2D图用于建模 .finalize() 一般用于.sketch(), 结束草图. 返回元素用于拉伸. ......
vue中v-bind绑定元素属性
vue中v-bind绑定元素属性 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </he ......
vue中的v-text指令和v-html指令区别
<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </head> <body> <div i ......
5 更换npm为国内镜像
更改npm为国内镜像 在终端执行. npm set registry http://registry.npmmirror.com 首先, 打开"我的电脑". 找到"c盘中用户文件夹". 找到你当前正在使用的"用户" 代码如下. registry=http://registry.npmmirror.c ......
tracepro安装教程
tracepro中文破解版是一款专业好用的光学仿真软件,该软件以ACIS solid modeling kernel为基本的实体模型,该软件自发布以来被广泛地应用于照明系统、光学分析、辐射度分析及光度分析等领域,软件提供了丰富实用的功能模块,可以有效地建立括照明系统、灯具及固定照明、汽车照明系统(前 ......
【vue2】实现css动效逐个顺序展示的效果(简陋版)
效果(进入预约里程碑模块后,小人从第一个台阶逐个闪烁出现在当前预约等级之前的台阶并消失,最终停留在当前预约等级的台阶上): 虽然很low但是!就是这么设计的!于是在原本静态的代码上稍加了些修改(为什么,为什么,想问天问大地) 首先是台阶部分的代码: <div :class="$style.reser ......
vue中下载excel文件4种方法,2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载
vue中下载excel文件4种方法,2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载 1、通过url下载 即后端提供文件的地址,直接使用浏览器去下载 通过window.location.href = 文件路径下载 window.lo ......
Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法~
前几天在vue运行项目过程中报错了,这个方法是 关于Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法 (1)报错一 (2)报错二~ 1.1问题分析 首先,检查代码,并没有什么错误的地方;其次,涉及到这个问题,可能就 ......
Vue3实战(05)-教你快速搭建Vue3工程化项目
除了Vue 3这个库,还需Vue 3 最新全家桶。 1 环境准备 之前语法演示直接使用script引入Vue 3,从而在浏览器里实现所有调试功能。但实际项目中,使用专门调试工具。在项目上线之前,代码也需打包压缩,并考虑到研发效率和代码可维护性,所以在下面,需建立一个工程化项目实现这些功能。 工具 V ......
vue 中window.onresize有时不生效问题
在vue中多个组件中都使用window.onresize=()=>{},会导致前边赋值的方法被覆盖掉 改成 window.removeEventListener('resize', ()=>{}) 可生效 methods: { myFunction() { ... } }, mounted(){ / ......
vue3.2+ts报错:找不到模块“./App.vue”或其相应的类型声明。
解决方法:在项目根目录创建 env.d.ts 文件(如果已有,则在文件中追加)加入下面内容: declare module '*.vue' { import type { DefineComponent } from 'vue'; const vueComponent: DefineComponen ......
vue2常见选项和生命周期钩子函数
Vue2提供了一些其他选项和钩子函数,以支持更高级的组件功能和配置,这些包括: data:data选项用于定义组件的响应式数据。这些数据将被Vue追踪,以便在数据发生变化时更新视图。 data() { return { message: 'Hello, Vue!' } } methods:metho ......
npm使用淘宝镜像地址
cmd运行起来,或者在VSCode的控制台 //使用阿里云定制的cnpm命令行工具代替默认的npmnpm install -g cnpm --registry=https://registry.npmmirror.com //检验是否成功cnpm -v //单次使用npm install --reg ......
vue2 父传子,子传父
在Vue 2中,使用props来从父组件向子组件传递数据,而要从子组件向父组件传递数据,通常需要使用自定义事件。关键字分别是: 从父组件向子组件传递数据(父传子): props:可以在子组件中使用props来接收父组件传递的数据。在父组件中,使用子组件标签的属性来传递数据。 示例: <!-- 父组件 ......
【Python&语义分割】Segment Anything(SAM)模型详细使用教程+代码解释(一)
Segment Anything可以实现对任意物体的识别和分割提供了简单易用的接口,用户只需要通过提示,即可进行物体识别和分割操作,今天给大家分享一下SAM的源码。 ......
vue cli2 3 4使用lib-flexible px2rem完美解决移动端适配问题
安装 lib-flexible $npm install lib-flexible --save lib-fiexble, lib-flexible会自动在html的head中添加一个meta name="viewport"的标签,同时会自动设置html的font-size为屏幕宽度除以10,也就是 ......
vue动态引入组件
vue动态引入组件,正常情况是页面渲染时动态加载该页面组件,还能进行细化动态加载情况,比如弹窗组件 动态导入:除了路由懒加载,你还可以在其他地方使用动态导入来按需加载组件。例如,在某个按钮的点击事件中异步加载一个组件: import('./components/MyComponent.vue').t ......
Vue生命周期
Vue生命周期 什么是Vue生命周期 指的是Vue从创建到销毁整个过程 在官网中这样说到"每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤"以及"在此过程中,它也会运行被称为生命周期钩子的函数,让开发者有机会在特定阶段运行自己的代码。" 官网图示如下 Vue生命周期函数 初始化显示 bef ......
edge浏览器下载东西被阻止?Win11 edge浏览器下载文件显示无法安全下载解决教程
在我们平常使用浏览器浏览网页时,会直接在网页上下载文件,但是近期有部分Win10用户反映在使用edge浏览器下载文件显示无法安全下载,这是怎么回事呢?出现这一情况的原因有可能是不安全的下载链接,还有可能是误报了。下面我们一起来看看小编是如何解决的吧。 新版Edge浏览器设置方法: 1、首先进入edg ......
DevExpress Reporting中文教程 - 如何在macOS等系统中生成导出报表文档
DevExpress Reporting是.NET Framework下功能完善的报表平台,它附带了易于使用的Visual Studio报表设计器和丰富的报表控件集,包括数据透视表、图表,因此您可以构建无与伦比、信息清晰的报表。 在本文中,我们将讨论如何在.NET MAUI项目中合并DevExpre ......
Vue学习笔记(九):组件化编程
1 什么是组件¶ 当页面功能十分复杂时,将页面各功能化整为零,拆分成多个不同的小部分,这样便于分析,也有利于代码的复用,在vue中,我们将划分后的每个小部分称为组件。组件化是vue里面最强的功能,可以扩展html,封装重用的代码。在使用vue时,我们可以将一个完整的页面拆分为多个组件,每个组件都用于 ......
第十九篇 - Vue如何通过session记住User
登录成功后前端存储user对象 window.sessionStorage.setItem("currentuser", JSON.stringify(successResponse.data.data.user)) 前端script中使用user对象中的值 JSON.parse(sessionSt ......
listr2 系列 - 1.入门教程
listr2 是一个易于使用的 Node.js 包,可以用来创建生动的、可以交互的 CLI 界面、任务列表。类似的库还有consola。 贴一个官方的示例图,来便于理解: 我们可以利用这个库实现自己的 CLI 、管理任务、优化控制台显示等。 快速上手 安装 pnpm add listr2 简单使用 ......
2.前端框架(Vue)
前端框架(Vue) Vue 概念; vue是一套前端框架,免除原生JavaScript中的DOM操作,简化书写; 基于MVVM(Model-View-ViewModel)思想,实现数据的双向绑定,将编程的关注点放在数据上; 官网:https://v2.vuejs.org/ 框架:是一个半成品软件,是 ......
讲述vue中data值都有哪些,如何调用
讲述vue中data值都有哪些,如何调用 1,字符串 2,对象 3,函数 4,数字 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> < ......
vue项目打包,解决静态资源无法加载和路由加载无效(404)问题
打包后的项目静态资源无法使用,导致页面空白 静态资源无法使用,那就说明项目打包后,图片和其他静态资源文件相对路径不对,此时找到config里面的index.js,在build模块下加入assetsPublicPath: './', 如下图所示, 在History模式下配合使用nginx运行打包后的项 ......