![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
灬ManongLai
代码学不完,项目做不完
展开
-
nvm管理node版本,安装并使用Pnpm遇到的问题
PNPM的安装与使用原创 2023-05-31 22:40:26 · 2287 阅读 · 0 评论 -
常用的 js-cookie 安装、引用、设置、获取、删除、自定义时长、最大时长
常用的 js-cookie 安装、引用、设置、获取、删除、自定义时长、最大时长原创 2022-11-29 17:32:31 · 1369 阅读 · 0 评论 -
VSCode升级后,npm窗口不见了、VSCode 设置中文
VSCode升级后,npm窗口不见了、VSCode 设置中文原创 2022-11-27 10:56:26 · 472 阅读 · 2 评论 -
nvm下载安装、node缓存设置、node源地址更换
因为Node.js的版本众多,开发时不同的项目可能会使用不同的版本,每次面对不同的项目都要重新安装,版本的切换十分麻烦。原创 2022-11-27 10:34:02 · 1376 阅读 · 0 评论 -
javascript 日期的几个不错的代码段
获取当前日期(年月日 时分秒)/ 校验数据日期距离当前多少天 / 判断哪个日期为最早日期原创 2022-06-02 11:14:03 · 171 阅读 · 0 评论 -
项目中常用表单校验规则,组件中常用rules校验
项目中常用表单校验规则,组件中常用rules校验原创 2022-04-08 11:05:29 · 271 阅读 · 0 评论 -
数据克隆的深浅之法,深度克隆,深度拷贝,浅拷贝,浅克隆
javascript 的深拷贝与浅拷贝原创 2022-04-07 17:34:21 · 334 阅读 · 0 评论 -
javascript 数组的几个不错的代码操作函数
数组几种不错的操作方法,让代码更容易控制原创 2022-04-07 15:13:33 · 543 阅读 · 0 评论 -
babel-loader 配置项目编译 ES6 语法 至 ES5 语法
前因webpack 自身可以自动加载JS文件,就像加载JSON文件一样,无需任何 loader。可是,加载的JS文件会原样输出,即使JS文件里包含ES6+的代码,也不会做任何的转化。那么我们就需要Babel帮忙了,Babel 是一个 JavaScript 编译器,可以将 ES6+ 转化成 ES5。在Webpack里使用Babel,需要使用 babel-loader依赖安装npm install -D babel-loader @babel/core @babel/preset-envbabel-原创 2022-02-25 10:27:55 · 721 阅读 · 0 评论 -
Uncaught ReferenceError: regeneratorRuntime is not defined
regeneratorRuntime is not defined原创 2022-02-25 10:16:36 · 924 阅读 · 0 评论 -
TypeError: Cannot assign to read only property ‘0‘ of object ‘[object Array]‘
报错正文vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "TypeError: Cannot assign to read only property '0' of object '[object Array]'"found in---> [....文件代码忽略]vue.runtime.esm.js?2b0e:1897 TypeError: Cannot assign to read only pro原创 2021-09-15 10:35:22 · 4444 阅读 · 0 评论 -
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确, 然后再试一次。
报错内容vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。所在位置 行:1 字符: 1+ vue -v+ ~~~ + CategoryInfo : ObjectNotFound: (vue:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException解原创 2021-08-31 11:37:44 · 11760 阅读 · 1 评论 -
项目内的多环境打包。以及多个项目配置打包
一、单个项目多环境配置1.在根目录创建一下文件.env 全局默认配置文件,不论什么环境都会加载合并.env.development 开发环境配置文件 development 模式用于 vue-cli-service serve.env.production 生产环境配置文件 production 模式用于以下两个script命令 vue-cli-service build vue-cli-service test:e2e.env.test原创 2021-08-06 18:00:41 · 569 阅读 · 0 评论 -
Vue 项目使用 axios 相关解说
介绍Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。点击看这个吧从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRFget请求axios.get('/user', {params: {ID: 1111}}).then(function (response) { console原创 2021-08-04 11:38:19 · 229 阅读 · 0 评论 -
Vue3项目引用TS语法实例
基础语法定义data//script标签上 **lang="ts"**<script lang="ts">import { defineComponent, reactive, ref, toRefs } from 'vue';//定义一个类型type或者接口interface来约束datatype Todo = { id: number, name: string, completed: boolean}export default defineComponent原创 2021-07-29 18:07:52 · 11602 阅读 · 0 评论 -
uni-app 实现APP的版本更新
定义检测版本与下载的事件methods: { // 获取当前版本号 // 检查是否安卓 isandroid() { var that = this; uni.getSystemInfo({ success: async (res) => { if (res.platform == "android") { let vurl='https://pcb.wttx56.cn/apk/sjv.json' try{ let {data} = awai原创 2021-07-16 11:43:11 · 2228 阅读 · 2 评论 -
vue项目里,使用 provide 和 inject 用法
概况provide:Object | () => Objectprovide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。在该对象中你可以使用 ES2015 Symbols 作为 key,但是只在原生支持 Symbol 和 Reflect.ownKeys 的环境下可工作。inject:Array | { [key: string]: string | Symbol | Object }inject 选项应该是:一个字符串数组,或 一个对象,对象的 k原创 2021-07-09 16:28:16 · 370 阅读 · 0 评论 -
Vue项目报错:parseComponent
报错内容 ERROR Failed to compile with 1 error 上午10:30:35 error in ./src/App.vueSyntax Error: TypeEr原创 2021-07-01 10:40:00 · 2526 阅读 · 0 评论 -
iview框架直通车,iview Pc端,iview 小程序
PC端iview直通车,Go…原创 2021-05-31 10:38:37 · 371 阅读 · 0 评论 -
vant框架 area 组件使用,省市区联动数据生成
组件使用<van-area title="标题" swipe-duration="200" :area-list="reachList" @confirm="cityConfirmFn"/>原数据格式reachList : { province_list: {}, city_list: {}, county_list: {}, }数据生成地区码为 6 位数字,前两位代表省份,中间两位代表城市,后两位代表区县,以 0 补足 6 位。省:110000let tempObj =原创 2021-05-26 17:05:26 · 1541 阅读 · 0 评论 -
H5微信支付,唤起后白屏,唤起支付后,取消或者确定的处理
唤起微信支付https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx2016121516420242444321ca0631331346&package=1405458241此链接还必须确定或者取消后的重定向地址:&redirect_url'.....&package=1405458241&redirect_url='+encodeURIComponent('hqapp')hqapp =原创 2021-05-26 16:15:33 · 2113 阅读 · 0 评论 -
H5页面新增二维码、条形码扫描识别功能
创建扫描成功回调onmarked(type, result) { // let {barcode} = this let text = '未知: '; switch(type){ case plus.barcode.QR: text = 'QR: '; break; case plus.barcode.EAN13: text = 'EAN13: ';原创 2020-12-02 11:22:13 · 3737 阅读 · 0 评论 -
记录重置筛选input
let inputArr = document.querySelectorAll('.ord-info.checkbox-item-child');for(let i = 0;i<inputArr.length;i++){ console.dir(inputArr[i]); inputArr[i].checked? inputArr[i].checked = false:this; citem.change(inputArr[i],inputArr[i].defaultVal原创 2020-11-28 15:38:48 · 158 阅读 · 0 评论 -
Vue3 的 Proxy 和 defineProperty 的比较
它们的差异1. Object.defineProperty只能劫持对象的属性,而 Proxy 是直接代理对象。 由于 Object.defineProperty 只能对属性进行劫持,需要遍历对象的每个属性, 如果属性值也是对象,则需要深度遍历。而 Proxy 直接代理对象,不需要遍历操作。2. Object.defineProperty对新增属性需要手动进行 Observe。 由于 Object.defineProperty劫持的是对象的属性,所以新增属性时,需要重新遍历对象, 对其新增属性再原创 2020-10-30 17:33:09 · 2830 阅读 · 0 评论 -
带你走入Vue3.x新特性,了解与Vue2.x的综合利用
资源地址Vue3.x 与 Vue2.x 中文文档 … … Go初始化项目- 安装 vue-cli3 并 创建项目 Vue3//npx执行命令下,有未安装的会先安装后再执行命令npx @vue/cli create vue3- 项目结构新特性使用之前了解过Vue3的文档都知道,要使用新特性,都需要安装依赖:composition-apicomposition-api 文档地址:https://github.com/vuejs/composition-api/blob/master/R原创 2020-10-29 13:59:43 · 379 阅读 · 0 评论 -
@vue/composition-api未并入Vue3与并入之后的编码差异
之前编码import { reactive } from '@vue/composition-api'export default { setup(){ const dataObj = reactive({ cunm : 0, numAdd: () => { dataObj.cunm++ } }); return dataObj }原创 2020-10-29 10:36:04 · 546 阅读 · 0 评论 -
建议收藏】编程&项目&团队规范
编码规范命名规范项目命名项目文件夹全部采用小写方式, 以中划线分隔。正例: mall-management-system反例: mall_management-system / mallManagementSystem目录命名基于业务二次封闭的组件全部采用小写方式, 以中划线分隔,有复数结构时,要采用复数命名法, 缩写不用复数正例: scripts / styles / components / images / utils / layouts / demo-styles / demo-s原创 2020-10-28 16:17:03 · 213 阅读 · 0 评论 -
Vue 3.x 中文api文档
点击传送门Vue 3.x 传送门 … … Go原创 2020-10-28 15:11:19 · 3106 阅读 · 0 评论 -
Vue单页面使用Vuex汇总
单页面使用 state//一、直接获取this.$store.user.userName//二、利用辅助函数 //首先引入辅助函数 import { mapState } from "vuex"; //创建computed来获取 export default { computed:{ //mapState([模块名称],{ // 监听者变量:所实时监听的状态数据 //}) // 官网说法:把 `this.usName ` 映射为 `this.$store.user.原创 2020-10-27 13:35:42 · 900 阅读 · 2 评论 -
Vuex使用,自动注册函数
目录结构文件内容user.jsexport default { namespaced: true, state: { userName:'', userPwd:'' }, getters: { toName: (state, getters)=>{ return {name:state.userName,info:getters.addPwd} }, addPwd: state => { return stat原创 2020-10-27 10:27:00 · 321 阅读 · 0 评论 -
Echert 缩放后切换再数据,缩放大小没还原的解决办法
话不多说,直接贴码series: [ //设置缩放比例最大与最小 { scaleLimit:{ min:1, max:3 } }]在修改完option参数后执行以下方法myEchertObj.dispatchAction({ type: 'restore',})...原创 2020-10-23 10:45:33 · 363 阅读 · 0 评论 -
表格懒加载与表格动态数据后横向对不齐
懒加载let dom = this.$children[1].$refs.ydjlTable.bodyWrapperdom.addEventListener("scroll", function () { const scrollDistance = dom.scrollHeight - dom.scrollTop - dom.clientHeight; if (scrollDistance <= 0) {//等于0证明已经到底,可以请求接口 console.log原创 2020-10-14 17:53:17 · 189 阅读 · 0 评论 -
Vue项目 Element ui 框架简单直接的 div onresize ,实时监听 div 的大小变化再执行某些逻辑
安装组件: element-resize-detectornpm install element-resize-detector -S使用组件import erd from "element-resize-detector";我是放在mounted 方法内执行的erd().listenTo(document.getElementById("pageBox"), element => { this.$nextTick(() => { //监听到事件后执行的业务原创 2020-10-14 14:53:13 · 1393 阅读 · 0 评论 -
人人网 renren-fast-vue 项目 install 报错,解决方案
scss问题package.json 文件内把scss引入版本改成以下代码原:“node-sass”: “4.9.0”,换个node-sass版本,这个版本没有预编译的二进制文件 要么就别用cnpm装"node-sass": "4.14.1",然后设置淘宝镜像或者安装cnpm(个人推荐)安装前先把之前安装的:node_modules 删除cnpm install ...原创 2020-09-25 16:12:38 · 1590 阅读 · 0 评论 -
一句不错的 Install 依赖安装命令
npm install --registry=https://registry.npm.taobao.org原创 2020-09-25 10:11:16 · 580 阅读 · 0 评论 -
Javascript 时间冒泡之事件代理
绑定时间与添加data<div @click="orderSelIndex"> <div v-for="(list,index) in 6" :key="index" :data-listIndex="index" >js代码orderSelIndex(event){ // ES6的语法,用let声明一个变量 let target=event.target||e.srcElement //不断取父节点来替换target whil原创 2020-08-27 15:03:59 · 132 阅读 · 0 评论 -
Vue插件vue-devtools
谷歌浏览器Vue插件vue-devtools下载原创 2020-08-27 14:57:15 · 118 阅读 · 0 评论 -
Vuex是什么,Vuex的五大核心分别是啥,又什么用处
vuexVuex官网地址原创 2020-08-21 21:34:12 · 702 阅读 · 0 评论 -
前端跨域有哪些,跨域分别哪几种,前端怎麽实现跨域
有以下几种jsonp / cons / postMessage / document.domain / window.name / location.hash / http-proxy / nginx / websocket1.jsonpfunction jsonp({url,params,cb}) { return new Promise((resolve,reject) => { let script = document.cneateElement('script'); win原创 2020-08-15 23:54:56 · 284 阅读 · 1 评论 -
uni-app中封装自己的数据请求方法
const BASE_URL = 'http://localhost:8082'export const myRequest = (options)=>{ return new Promise((resolve,reject)=>{ uni.request({ url:BASE_URL+options.url, method: options.method || 'GET1, data: options.data || {}, success: (res)=>原创 2020-08-12 19:34:43 · 694 阅读 · 0 评论