随笔分类 - vue
摘要：一、创建项目 （1）先创建一个文件夹初始化项目 mkdir tty-debounce-plugin cd tty-debounce-plugin npm init -y 执行完上面命令之后： 当前工作目录会有一个名为 tty-debounce-plugin 的文件夹。 tty-debounce-pl
阅读全文
摘要：userDefer.js import {ref} from 'vue'; const count = ref(0) function update(){ count.value++; requestAnimationFrame(update) } update() export function
阅读全文
摘要：sizeDirect.js // 此案例可以作为Vue自定义指令的参考，实现元素尺寸变化的监听，并执行回调函数。 // 注意：此案例仅供参考，具体业务场景需要根据实际情况进行修改。 const map = new WeakMap() // 弱引用，可以被垃圾回收机制回收，可以用来保存DOM节点，不容
阅读全文
摘要：项目开发中基本都会用到组件库，但是设计稿样式和功能不一定和组件库相同，尤其像是消息提示弹窗、确认弹窗，各个项目都有自己的一套风格。如何封装一个自己的弹窗组件，且不需要每个用到弹窗的组件都需要引入这个弹窗组件，然后传参等等这些繁琐的步骤。而只需要使用简单的js就可以直接调用// Confirm.vue
阅读全文
摘要：做为 NVM 的忠实用户，无意中在网上看到了更方便的管理node版本的工具volta。本来觉得没啥东西，无非就是nvm的仿品或者替代品而已，既然我已经可以随意切换我的node了，为什么还要换个工具去管理我的开发环境，没甚意思。但是当我细细探究之时才发现，这个东西将来必然会取代nvm的地位，成为包管理
阅读全文
摘要：vue的public的资源在打包时不会被编译，只会copy 所以在在src路径下引入public文件夹下的图片、视频、音频，编译不会改变其路径，但是在src下引入public文件夹下的js、json，在打包时都会被编译，所以直接引入会丢失路径（因为打包时，当前页面引入的路径被hash打包，而publ
阅读全文
摘要：<!--input只允许输入整数--> <input type="text" name="a" onkeyup="value=value.replace(/[^\d]/g,'')" > <!--input只允许输入整数和小数（小数只保留小数点后两位）--> <input type="text" na
阅读全文
摘要：npm install 安装node-sass一直报错，切换淘宝镜像，安装python2、python3，安装一推插件，创建.npmrc文件等等都解决不了我的问题，最终发现是因为nodejs与node-sass版本不匹配导致 所以因此需要更改我的node版本，但由于多个项目对应的node版本不一致，
阅读全文
摘要：vue项目开发时，会有不同的运行环境，例如：开发环境、测试环境、生产环境，本文详细介绍一下vue3的环境配置步骤： 1.在根目录下建三个文件 注意：.env文件中变量命名 必须以 VUE_APP_ 开头.env.development：开发环境文件 NOVE_ENV = 'development'
阅读全文
摘要：<template> <div> watch监听ref属性值：{{a}} <el-button type="primary" @click="plusFn">ref加1</el-button> </div> <div> watch监听reactive属性值：{{b}} <el-button type
阅读全文
摘要：使用vue-cli3.0以上版本创建项目，然后引入插件，vue add element，报错：vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:（已解决） 解决办法： 1.以
阅读全文
摘要：<template> <div class="contentLogin"> <!-- <div class="login">登录</div> --> <div class="contrain"> <form class="form" action=""> <div class="formItem">
阅读全文
摘要：这种数据 需要得到数组中的对象同一类的数据为一个数组 1.第一步，先要name作为键名 let keyArray = Object.keys(order.data[0]) 2.根据键名做循环取出对应的键名的数据 keyArray.forEach(key => { this.echartData.or
阅读全文
摘要：虽然此报错并不会影响项目运行，但是作为一个强迫症的码农的确受不了error，解决方法如下： 方法1：在项目目录下运行 npm i vue-router@3.0 -S 将vue-router改为3.0版本即可；方法2：若不想更换版本解决方法:在router.js中加入以下代码就可以 记住插入的位置 c
阅读全文
摘要：输入npm install 报以下错误 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.13.1 postinstall: `node scripts/build.js` npm ERR! Exit status 1 np
阅读全文
摘要：详情看：https://www.cnblogs.com/coober/p/10875647.html
阅读全文
浙公网安备 33010602011771号