教程npm vue

vue国际化在js中$t()报错

最近在做国际化的时候,发现在.vue里面写国际化语言没有报错,而且也可实现国际化,可是在js中引入$t()写法的时候,报错。 最后花了一个小时解决了,做一个笔记,以供后来学者遇到此类问题,仅供参考。 1,首先,我引入的国际化写法是在main.js中引入了,所以在.vue文件中引入国际化语言的写法,自 ......
国际 vue

【操作教程】如何在EasyCVR视频融合平台中调用接口添加设备?

EasyCVR平台的视频能力可应用在多样化的场景上,包括城市“一网统管”建设、智慧工地风险预警、智慧工厂安全生产可视化监管、校园视频大数据综合管理等等,结合AI智能分析网关,能实现人脸检测、人脸识别、车辆检测与识别、烟火识别、危险区域闯入检测、安全帽检测、消防通道占压检测、离岗睡岗检测等。感兴趣的用... ......
接口 EasyCVR 教程 设备 平台

ant design vue中form-model嵌入级联a-cascader中回显

前言 在form-model表单中写入a-cascader,现在开发编辑功能,需要a-cascader根据后端返回的值回显出来内容 关键点就是设置value,从级联中拿取值用:model,把值设置到级联中用value <a-form-model-item label="所属行业" prop="bel ......
a-cascader form-model cascader design model

vue中el-select,el-radio-group设置默认值

首先来说设置默认值是用v-model去绑定一个值, 如下,一般大家用label是来展示具体展示在前端的文字,value是这组对象里每个对象的标识。 打个比方item.label是姓名,item.value是学号,学号不在前端展示。这样的话,v-model绑定的字符串对象写item.label的值。 ......
el-radio-group el-select select radio group

IDEA使用技巧和注册教程

​ 编辑切换为居中 添加图片注释,不超过 140 字(可选) IntelliJ IDEA是一款流行的Java集成开发环境(IDE),它为开发者提供了许多有用的功能和工具来提高他们的工作效率和开发质量。直接使用IntelliJ IDEA就相当于节省了自己的时间,如果先使用其他编译器后来在使用Intel ......
使用技巧 技巧 教程 IDEA

element+vue2下的input的样式修改

/* 禁用下的input的字体颜色 */ /* .el-input.is-disabled /deep/ .el-input__inner { color: red; } */ /* 禁用下的input的样式修改 */ /* .el-input.is-disabled { border: 1px s ......
样式 element input vue2 vue

玩转Vagrant教程

Vagrant 简介 Vagrant 是一款用来构建虚拟开发环境的工具,非常适合 php/python/ruby/java 这类语言开发 web 应用,“代码在我机子上运行没有问题”这种说辞将成为历史。 我们可以通过 Vagrant 封装一个 Linux 的开发环境,分发给团队成员。成员可以在自己喜 ......
Vagrant 教程

【manim动画教程】-- 基本图形

制作数学视频时,各类几何图形是使用最频繁的。 一般来说,常用的几何图形包括:点,线,圆以及多边形。 1. 点 点是最简单图形,也是其他所有图形的基础。 绘制其他任何图形时,都是用点来定位的。 manim中生成一个点很方便,只要给定一个坐标即可。 这里的坐标包含 [x, y, z]3个维度,如果绘制二 ......
动画教程 图形 动画 教程 manim

Powerpoint教程_编程入门自学教程_菜鸟教程-免费教程分享

教程简介 IT宝库整理的Powerpoint 2010入门教程 - 从简单和简单的步骤开始学习Powerpoint,从基本到高级概念,包括开放新演示,入门,浏览Windows,Backstage视图,创建,保存,评论演示,添加新幻灯片,在框中添加文本等示例,新文本框,幻灯片注释,幻灯片编号,页眉和页 ......
教程 菜鸟教程 Powerpoint

Vue2组件插槽的使用笔记

Vue2插槽使用组件MyComponent.vue: <template> <div> <slot name="name1" :userName="'zhagnsan'"></slot> </div> </template> 复制 使用组件: <my-component> <template slo ......
组件 笔记 Vue2 Vue

vue3 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘deep‘)

报错信息 Uncaught TypeError: Cannot read properties of undefined (reading 'deep') at withDirectives (runtime-core.esm-bundler.js:2774:17) at Proxy._sfc_re ......

NPM之chalk

chalk 终端打印信息彩色字体,提高辨识度 安装 npm install chalk -S 使用 const chalk = require('chalk') console.log(chalk.blue('Hello world!')) 定义自己的主题 const chalk = require ......
chalk NPM

vue3 中使用 transition的问题

问题:在路由中添加动画效果但是,当切换路由时,页面一片空白,这个问题困扰了我几天了,今天终于发现了它的问题,特来记录一下,以便参考 首先有这么一段代码 想在vue的路由跳转里面加入动画效果,于是便这样写 // 提示: name="fade-transform" fade-transform是css类 ......
transition 问题 vue3 vue

Vue 中给图片添加时间水印

Vue 中给图片添加时间水印,可以通过在图片上叠加一层带有日期时间的透明图层来实现。具体的实现方式及步骤如下: 在 Vue 的 template 中加载原始图片和水印图片。 在 Vue 的 script 中计算日期时间字符串,并根据需要生成对应的日期时间图片(可以借助 Canvas API 来绘制) ......
水印 时间 图片 Vue

vue3定义变量ref、reactive、toRefs的特征和应用

1.ref() 函数 ref() 函数用来根据给定的值创建一个响应式的数据对象,传入的为基本数据类型,例如字符串、数字、boolean 等,返回值是一个对象,这个对象上只包含一个 value 属性 ref定义的变量,改变值要.value,而且在template中不用写.value <div>{{ms ......
变量 reactive 特征 toRefs vue3

vue-qr引入时报错You may need an appropriate loader to handle this file type. 问题

今天研究了一下vue生成二维码的功能,在使用vue-qr插件的时候,在所需页面引入,报错,于是就研究了一番。 解决方法 找到node_modules/vue-qr/dist/vue-qr.js文件,搜...e,将...去掉,然后重新运行就好。 ......
appropriate 时报 vue-qr loader handle

Win10虚拟机VMware安装黑苹果MacOS Sierra图文教程

准备工作(1)虚拟机 VMware(2)解锁虚拟机MAC补丁 Unlocker(3)苹果系统懒人镜像教程开始一、创建黑苹果虚拟机环境注意:安装完虚拟机后需要使用 虚拟机 Mac OS 系统解锁工具 Unlocker 进行解锁!!!!!!不解锁就不需要看下面的教程了。(1)解锁完成后创建虚拟机【典型值 ......
苹果 图文 教程 VMware Sierra

vue 实现下拉滑动触底加载

实现下拉滑动触底加载可以分为以下几个步骤: 监听滚动事件,判断是否到达底部。 到达底部后,发起数据请求,获取数据。 将获取到的数据添加到页面上。 下面是一个基于Vue.js的示例代码: <template> <div class="container" ref="container" @scroll ......
vue

vue-router学习笔记

入门 router-link // Go to Home router-view //router-view 将显示与 url 对应的组件。 ##动态路由匹配 带参数的动态路由匹配($route.params) const User = { template: '<div>User</div>', ......
vue-router 笔记 router vue

vue项目手动上传文件并展示进度条

问题: 1.上传文件可能会跨域,查找跨域解决办法。(查找资料表明用手动上传,new FormData()方式可以解决,先用这个试一试) 2.手动上传没有进度条,查找进度条实现方式。(自定义axios,添加请求参数onUploadProgress) 3.进度条的进度和上传的对勾显示时机不一致。(解决办 ......
进度 手动 文件 项目 vue

vue全家桶进阶之路24:Mock

Mock 是一个 JavaScript 库,用于生成随机数据或模拟 HTTP 请求响应,用于前端开发中的单元测试、功能测试、集成测试等场景。 Mock 可以生成各种类型的数据,包括字符串、数字、布尔值、对象、数组等等,并支持多种数据格式,例如 JSON、XML、YAML 等。Mock 还支持自定义数 ......
全家 Mock vue

Vue.js 路由的params参数

视频 6.路由的params参数 配置路由,声明接收params参数 { path:'/home', component:Home, children:[ { path:'news', component:News }, { component:Message, children:[ { name: ......
路由 参数 params Vue js

Vue.js 命名路由

视频 5.命名路由 作用:可以简化路由的跳转。 如何使用 给路由命名: { path:'/demo', component:Demo, children:[ { path:'test', component:Test, children:[ { name:'hello' //给路由命名 path:' ......
路由 Vue js

Vue.js 路由的query参数

视频 4.路由的query参数 传递参数 <!-- 跳转并携带query参数,to的字符串写法 --> <router-link :to="/home/message/detail?id=666&title=你好">跳转</router-link> <!-- 跳转并携带query参数,to的对象写法 ......
路由 参数 query Vue js

Python爬虫基础教程2

beautifulsoup4介绍/遍历文档树 bs4 > 从html或xml文件中提取的python库 用它来解析爬取回来的xml 安装:pip install beautifulsoup4 pip install lxml > 解析库 soup=BeautifulSoup('要解析的内容str类型 ......
爬虫 基础 教程 Python

Vue2使用setup、ref、reactive等Vue3的组合式api

有些同学想在当前项目中体验Vue3组合式api,setup、ref、reactive等,而且一步就可以升级到Vue3,但是vue确实2.x版本,不改变当前版本怎么办呢? vue2.7.0开始自带composition-api可以放心体验,当然不支持 <script setup>语法糖,还需要retu ......
Vue reactive setup Vue2 Vue3

在vue3中读取本地txt文件

碰到运营提出需求,提供了一个.txt文件,要求输入框校验文件提供的敏感词汇,故以此记录: 上传文件: <input @change="uploadFile" type="file"> 操作函数: const fileContent = ref(''); const uploadFile = asyn ......
文件 vue3 vue txt

小白也能搞定!Windows10上CUDA9.0+CUDNN7.0.5的完美安装教程

前言: 为什么要在本地电脑安装 CUDA,CUDA 是什么的,用来做什么?我想,点击标题进来的小伙伴,应该都清楚这些。不管你是用来做什么,或者跟我一样为了跑 Tensorflow 的 Object Detection (目标检测)。 但是我为什么要用 CUDA9,这里版本要特别注意。因为我使用的是 ......
Windows 教程 CUDNN7 CUDA9 CUDNN

nginx配置vue打包npm build的静态页面

nginx 配置vue项目 server { listen 8081; server_name 10.8.8.8; index index.html; root /home/www/crm/vue/dist; #SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则 #error ......
静态 页面 nginx build vue

vue动态切换组件

多个组件挂在到同一个组件上,通过参数进行动态切换 一、实现方式 <component :is="componentName"></component> 二、示例 import Page1 from './Page1' import Page2 from './Page2' import Page3 ......
组件 动态 vue