npm run serve vue
关于npm ERR! 的一个解决方案
最近在网上找了一个js写的项目，npm下载某些组件总是失败，后经学习了解到了cnpm。使用cnpm时就都可以正常下载，但是下载完成之后程序无法正常启动，所以cnpm下载也是失败的。 后面我经过自己手动测试，发现npm下载有些组件下载不了，而其他组件是可以正常安装的，于是我先把不能用npm下载的组件删 ......
vue---循环方式以及跳出循环
在做VUE项目开发过程中，数据循环是常见的操作方式，以下是几种常见的数据循环方式： 一、for循环 let data = [1,2,3,4,5,6,7,8,9,10]; for(let i=0; i<data.length; ++i){ console.log(data[i]); if(i>5){ ......
安装npm install报错npm ERR! code ETIMEDOUT npm ERR! errno ETIMEDOUT npm ERR! network request to https://registry.npmjs.org/webpack-subresource-integrity failed, reason
执行命令：npm run dev 启动前端项目报如下错误，vue-cli-service是Vue一个启动的插件，需要安装 D:\nodejs\npm.cmd run dev > yuntan1hao@2.0.0 dev > vue-cli-service serve --open 'vue-cli- ......
【解决方案】Error running,Command line is too long
一、 现象 IDEA 提示 Error running,Command line is too long 二、 原因 Java 命令行启动举例如下图，当命令行字符过多的时候，就会出现 Error running,Command line is too long 的问题 三、解决思路 上图是最终解决方 ......
vue-quill编辑器vue2版
<template> <div class="app-container"> <p class="warn-content"> Markdown 基于 <el-link type="primary" href="javascript:void 0;" target="_blank">vue quil ......
vue-quill编辑器网页版
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content ......
【npm问题】执行npm i @ant-design/pro-cli -g报错npm ERR! code ENOTEMPTY
报错内容如下 原因 ENOTEMPTY 发生在 npm 操作过程中，通常是在 npm 尝试重命名目录作为更新或安装过程的一部分时，却发现目标目录并非空目录。可能是之前的安装中断、文件权限问题或与现有文件冲突。 解决办法 清理npm缓存：npm cache clean --force，解决缓存文件损坏 ......
vue模板的首次渲染，和重新渲染，有哪些区别？
搞明白这个，能帮助我们理解开发中出现的很多问题。 一、我们先来回顾一下vue模板的渲染过程： （1）执行render函数，生成虚拟DOM。 render函数是根据render、templete、el这三个选项得来的，优先级依次降低。如果有render函数，则直接使用；否则如果有templete选项， ......
【Vue2】金额范围查询项
Element 只提供了DatePicker，没有做金额的Picker 这个东西就只能自己做了，实现效果： 后台接口条件： 因为有可能只有起始值，只有结束值，或者起始值结束值都有三种情况 1、如果有起始值且没有结束值， 则金额 大于等于 起始值 2、如果有结束值且没有起始值，则金额 小于等于 结束值 ......
Vue——在Django中配置文件以解决跨域问题
第一步：安装django-cors-headers pip3 install django-cors-headers 第二步：在settings文件中注册app INSTALLED_APPS = [ ... 'corsheaders', ... ] 第三步：添加中间件 MIDDLEWARE = [ ......
vue入门——？？？07days
昨日回顾： 1 聊天室案例 -不停向后端发送请求 》定时器 》生命周期的 created--》定时任务，发送ajax请求 -v-for渲染 -组件销毁，定时器销毁 -按钮，点击发送消息 -后端 # 2 扩展 # 登录--》注册 # 列出所有用户（筛选） 》点击关注请求 》 -性别 -年龄 ?gend ......
直接在*.vue文件（SFC）中使用JSX/TSX渲染函数，真香!
前言 在日常开发中vue的模版语法在大多数情况都能够满足我们的需求，但是在一些复杂的业务场景中使用模版语法就有些麻烦了。这个时候灵活的JSX/TSX渲染函数就能派上用场了，大多数同学的做法都是将*.vue文件改为*.tsx或者*.jsx文件。其实我们可以直接在*.vue文件中直接使用JSX/TSX渲 ......
vue 使用screenfull全屏插件后，F11和ESC导致的问题解决
我们在使用screenfull插件时，会产生几个问题： 1.F11的全屏无法监听到 2.ESC的监听（尤其是在使用F11开启全屏后，ESC无法监听） 主要解决方法可参考如下代码： import screenfull from 'screenfull'//引入插件 //全屏判断（判断全屏和非全屏图标的 ......
零基础入门Vue之梦开始的地方——插值语法
一、Vue 我！作为初学者，既然要将Vue，那我一定要介绍一下他是什么？我们可以应用一下官方的话 vue的介绍 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上 ......
vue3 获取循环的div的总宽度
要获取循环的 <div> 元素的总宽度，您可以使用 Vue 3 中的 ref 和 $refs。 在模板中，使用 v-for 循环生成多个 <div> 元素，并为父元素和每个子元素添加 ref 属性。例如： <template> <div ref="parentDiv"> <div v-for="it ......
import在vue中使用
一、import的使用 在Vue 3中，使用import语法可以导入其他模块、组件或库。Vue 3支持使用ES模块的标准导入语法。以下是一些常见的import语法示例： 1、导入单个模块或组件 import { 模块名 } from '模块路径'; 示例： import { ref, reactiv ......
Vue 3 中动态获取高宽
1.监听父组件的 宽高 2.将监听到的高度赋给 你需要设置的对象 :: 引入监听 并实现 如何得到动态宽度 (此时的 div2 会与 divDom 宽度会保持一致) <template> <div ref="divDom"></div> //你可以手动或者换成可拖拉伸缩的盒子 <div ref= " ......
vue3中 provide 、 inject的用法（二）
provide 、 inject 一般用来实现跨组件通信，避免层层传参，操作繁琐的问题。 provide( 属性,属性值 )：里面包含了要给子孙后代传递的东西也可以是一个操作自己某个功能的方法。 inject(接收的属性名,default)：default指的是默认值。 以下我是用对父组件进行刷新的 ......
vue3中provide和inject的使用
1.provide 和 inject 的讲解 provide和inject可以实现嵌套组件之间进行传递数据。 这两个函数都是在setup函数中使用的。 父级组件使用provide向下进行传递数据； 子级组件使用inject来获取上级组件传递过来的数据； 需要注意的是： 1==>provide只能够向 ......
npm安装electron失败解决办法
按照别人的教程把uniapp打包成exe程序总是出错，卡在安装electron这一步，搞来搞去，终于摸清楚了原因。 1、首先用nvm把node切换到14版本，没有就安装。 nvm install 14 这时你会发现太慢了！ 然后你必须去nvm根目录把settings.txt改一下配置，新增以下两项： ......
cdn引入vue后报错无法识路径 Uncaught TypeError: Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../".
如果你用了 pinia 就需要引入 vue-demi: vue-demi 是一个 Vue.js 的兼容性库，旨在为 Vue 2 和 Vue 3 提供一致的 API。它通过提供与 Vue 3 相似的 API 来帮助开发者平滑地迁移代码从 Vue 2 到 Vue 3。 pinia 为了兼容新, 使 ......
为什么Vue更新数据不能拿到最新的DOM，而nextTick却可以拿到？
为什么Vue更新数据不能拿到最新的DOM，而nextTick却可以拿到？ 因为数据更新是异步执行的，所以你只能在宏任务或者微任务中拿到 这样做有一个好处，就是可以避免频繁的更新DOM ......
为什么在 Vue 对象上新增一个属性会丢失响应式？
为什么在Vue对象上新增一个属性会丢失响应式？ 在 Vue 中，当你新增一个属性到一个已经创建的对象上时，这个属性默认是非响应式的。这是因为 Vue 在实例化时会对数据进行初始化，只有初始化时存在的属性才能被 Vue 进行响应式处理 如果你需要让新增的属性也具有响应式，你可以使用this.$set方 ......
Vue源码学习(十九)：router基本原理
好家伙, 0.什么是路由? 路由就是匹配到对应路径显示对应的组件！ 那么我们要如何去实现? 我们来回忆一下这router怎么用的 1. 声明式路由配置：在路由配置对象中，定义路径与组件的映射关系。例如： import AboutComponent from '../views/AboutCompon ......
记录--vue3函数式弹窗
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了，那么有没有更简 ......
[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".
这个警告是因为你提供了一个模板选项（template option），但在当前的Vue构建版本中不支持运行时编译。解决该问题的方法是将你的打包工具配置别名（alias）将 "vue" 指向 "vue/dist/vue.esm-bundler.js"。 具体来说，如果你使用的是Webpack或者vit ......
原生安卓嵌入vue打包的H5，在H5中调用原生摄像头扫码，且扫描回调返回数据
<div class="code"> <img class="scan" src="../assets/images/scan.png" alt="" @click.stop="openQrcode('getScanData')" /> <input class="input" type="numb ......
原生IOS嵌入vue打包的H5，在H5中调用原生摄像头扫码，且扫描回调返回数据
<div class="code"> <img class="scan" src="../assets/images/scan.png" alt="" @click.stop="openQrcode('camera')" /> <input class="input" type="number" p ......
electron+vue在线编辑Office Word?
Electron 桌面应用是基于 Chromium 内核的，而谷歌Chrome取消了对PPAPI插件支持后，在线Office方案纷纷失效，只能更换国产浏览器在低版本浏览器苟延残喘，不能用于electron+vue项目。 市场上的方案很多，有很多免费开源的，同时也有比较成熟的商业软件，丰俭由人，大家可 ......