vue
浅笑如伤
这个作者很懒,什么都没留下…
展开
-
发布vue 的npm包
发布vue 的npm包原创 2022-11-11 14:21:56 · 517 阅读 · 0 评论 -
(typescript)Property ‘$el‘ does not exist on type ‘Vue | Element | Vue[] | Element[]‘.
Property '$el' does not exist on type 'Vue | Element | Vue[] | Element[]'. Property '$el' does not exist on type 'Element'vue 使用 typescript 报错this.$refs.orderTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]改为(t...原创 2022-02-16 19:35:16 · 1672 阅读 · 0 评论 -
[Vue warn]: data functions should return an object:
vue报错[Vue warn]: data functions should return an object:[Vue warn]Property "customClass" must be accessed with "$data.customClass" because properties starting with "$" or "_" are not proxied in the Vue instance to prevent conflicts with Vue internals原创 2021-09-16 14:28:18 · 992 阅读 · 0 评论 -
Vue中 axios delete参数丢失
vue中axios 的delete和post,put在传值上有点区别post和put有三个参数,url,data和config,所以在使用这两个时,可以写成axios.post(api,{id:1}),axios.put(api,{id:1}),但是delete只有两个参数:url和config,data在config中,所以需要写成 axios.delete(api,{data:{id:1}})如果是服务端将参数当作Java对象来封装接收则 参数格式为:{data: param}var param转载 2021-06-07 18:21:26 · 685 阅读 · 1 评论 -
nrm报错Windows系统(throw new ERR_INVALID_ARG_TYPE(name, ‘string‘, value);)
1、npm i nrm -g之后,nrm ls 报错【解决方法】打开cli.js修改如下//const NRMRC = path.join(process.env.HOME, '.nrmrc');const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc');原创 2021-03-29 15:49:28 · 270 阅读 · 0 评论 -
vuex的使用
一、vuex概念Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。二、使用1、State/******* 1、通过this.$store直接访问 *******/const Counter = { template: `<div>{{ count }}</div>`, computed: { count () { return原创 2020-10-27 17:20:39 · 85 阅读 · 0 评论 -
npm ERR! Unexpected end of JSON input while parsing near ‘...:“~3.5.0“,“chalk“:“~1‘
1、npm install 安装依赖报错npm ERR! Unexpected end of JSON input while parsing near '...:"~3.5.0","chalk":"~1'npm ERR! A complete log of this run can be found in:npm ERR! C:\Users\admin\AppData\Roaming\npm-cache\_logs\2020-07-04T07_54_50_108Z-debug.log..原创 2020-07-04 16:35:36 · 268 阅读 · 0 评论 -
ElementUI的表格换行符失效、不换行
后台返回的接口数据 ‘“名称:示例↵ID:717”,在表格种并没有换行,原因是elementUI 在表格样式中写了white-space: normal; (normal空白会被浏览器忽略 \n、↵被忽略了).el-table .cell{ white-space: normal;}解决办法://在类名为dr-table的div中的.el-table .cell子元素样式调整.dr-table .el-table .cell{ white-space: pre-wrap;}wh..原创 2020-06-17 18:46:03 · 3165 阅读 · 0 评论 -
vue中的addEventListener和removeEventListener
1、添加监听事件(addEventListener)语法:element.addEventListener(event,function,useCapture)event:指定事件名(注意:不要使用 "on" 前缀。 例如,使用 "click" ,而不是使用 "onclick")function:指定要事件触发时执行的函数(事件对象会作为第一个参数传入函数)useCapture:指定事件是否在捕获或冒泡阶段执行,默认false(true - 事件句柄在捕获阶段执行,false-事件句柄...原创 2020-06-09 11:25:55 · 9413 阅读 · 0 评论 -
vue中使用防抖函数
一、基本概念在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时,计时结束执行回调。 函数防抖的基本思想是设置一个定时器,在指定时间间隔内运行代码时清楚上一次的定时器,并设置另一个定时器,知道函数请求停止并超过时间间隔才会执行。二、使用1、直接使用const debounce = (function() { let timer = 0; return function(callback, ms = 200) { //设置默认200ms clea...原创 2020-06-02 18:19:24 · 6724 阅读 · 0 评论 -
ElementUI table内容不换行问题
页面使用ElementUI的table组件,后台返回数据已经加了 \n 但在页面表格中不换行,很久之前遇到过一次,今天同事又遇到了记录一下将.el-table.cell{ white-space:pre;}改为.el-table.cell{white-space:pre-line;}...原创 2020-05-28 18:56:48 · 12069 阅读 · 0 评论 -
vue-clipboard2的使用笔记
1、安装npm install --save vue-clipboard22、在main.js中引入import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)3、在组件中使用模板中的代码<template v-slot="{ row }"> <el-button type="text" class="copy-btn" v-clipboard:copy="要复制原创 2020-05-27 18:42:55 · 315 阅读 · 1 评论 -
vue深入响应式原理的理解及笔记
利用索引直接设置一个数组项,直接修改数组的长度,对象属性的添加等等问题,视图不更新,感到十分奇怪,读了响应式原理许多问题豁然开朗Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接,不过理解其工作原理同样重要,这样你可以避开一些常见的问题。☆知识点:Vue 不支持 IE8 以及更低...原创 2020-03-16 17:25:05 · 246 阅读 · 0 评论