![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Web_Lys
这个作者很懒,什么都没留下…
展开
-
JS实现复制功能兼容IOS、IOS通过JS实现复制功能
JS实现复制功能兼容IOS、IOS通过JS实现复制功能原创 2023-05-29 17:40:31 · 738 阅读 · 0 评论 -
vue头像裁剪、vue图片裁剪
Vue图片裁剪,Vue头像裁剪原创 2022-11-09 09:14:05 · 230 阅读 · 0 评论 -
vxe-table设置100%高度 vxe-table设置100%高度无效 vxe-table将高度设置为100%
vxe-table设置100%高度 vxe-table设置100%高度无效 vxe-table将高度设置为100%原创 2022-07-15 14:27:28 · 1774 阅读 · 0 评论 -
98% after emitting CopyPlugin Vue运行到98% after emitting CopyPlugin卡主不动
98% after emitting CopyPlugin Vue运行到98% after emitting CopyPlugin卡主不动。在使用import 时 引入路径为空所以导致出现该问题。问题大概率是因为某个格式化插件导致当然也有可能是人为勿删。原创 2022-07-08 14:24:39 · 1969 阅读 · 1 评论 -
vue2动态组件动态绑定事件;component标签动态绑定事件;component组件动态绑定事件
vue2动态组件动态绑定事件;组件通过 component动态生成,基于v-bind绑定事件时事件不生效。因为是动态绑定所以不确定会在未来绑定多少事件,所以直接预定绑定n个事件,我预制了六个基本同一个组件也不会超过六个事件了如果在需要就在继续加即可。例如需要绑定 @click 则将 schema.events.a0.name 赋值为 click 并将对应事件函数绑定给 schema.events.a0.fun。存在小问题: 可能 我只需要绑定一个clic ...原创 2022-07-04 17:58:27 · 4389 阅读 · 0 评论 -
Invalid handler for event “方法名“: got undefined
Invalid handler for event “方法名“: got undefined绑定的该方法该组件未定义该方法解决方法:1:检查绑定事件拼写是否出错。2:若故意为之则将绑定事件设置为空 写法: @[‘’] = “()=>{}”原创 2022-07-04 17:47:06 · 8175 阅读 · 0 评论 -
vue引入SuperMap超图 引入流程及报错处理
超图引入报错原创 2022-04-26 17:05:21 · 1760 阅读 · 0 评论 -
vue3中require报错 require is not defined
vue2中使用 const path = require("path") const files = require.context("../module", true, /\index.vue$/) files.keys().forEach(key => { const name = path.dirname(key).slice(2) that.$options.components[name] = require('../module/'原创 2022-02-16 11:31:35 · 23820 阅读 · 2 评论 -
devtools安装 vue前端调试工具vue-devtools的安装方法
devtools安装 前端谷歌调试工具安装 vue devtools安装 前端开发工具安装原创 2022-02-12 14:24:18 · 721 阅读 · 0 评论 -
vue甘特图插件(应用于项目进度、流程进度等)
vue甘特图插件 表格流程展示原创 2021-12-15 15:01:19 · 5933 阅读 · 0 评论 -
安装多个NodeJS windows上安装多个Nodejs版本 解决vue2/vue3同时运行
Windows下安装及使用NVM,安装多个nodejs,兼容vue版本,兼容vue2,vue3版本,vue2,vue3兼容,vue2,vue3同时运行原创 2021-12-11 17:31:28 · 3445 阅读 · 4 评论 -
vue、vue-cli、@vue-cli引用全局scss,全局注入变量,引入全局scss变量
vue-cli找到 build/utils.js,将 scss: generateLoaders(‘sass’),修改为如下:修改完成后重新运行代码 // scss: generateLoaders('sass'), scss: generateLoaders('sass').concat({ loader: 'sass-resources-loader', options: { resources: path.resolve(__dirnam原创 2021-11-25 13:07:58 · 1056 阅读 · 0 评论 -
vue、H5、移动端 读取NFC
拷贝走直接用ps:测试时需在移动端测试 PC测试无效 document.addEventListener("plusready", function() { // NFC监听 monitorNFC() } function monitorNFC(t){ let NfcAdapter; let N原创 2021-09-15 13:37:50 · 8928 阅读 · 28 评论 -
JS实现复制文本,点击复制,JS点击复制功能
function copy(val) { let transfer = document.createElement('input') document.body.appendChild(transfer); transfer.value = val; transfer.focus(); transfer.select(); if (document.execCommand('copy')) { document.execCommand(原创 2021-06-23 11:04:54 · 272 阅读 · 0 评论 -
百度地图信息框添加事件、百度地图InfoBox添加事件
目前这个解决方案应该是最简单的了 在 window.handleClick中可以随意操作原创 2021-06-03 15:54:33 · 454 阅读 · 0 评论 -
JS实现混合排序 通讯录排序 文字+字母+数字+符号
//中文转拼音 chineseToEnglish = function(c){ var idx = -1; var MAP = 'ABCDEFGHJKLMNOPQRSTWXYZ'; var boundaryChar = '驁簿錯鵽樲鰒餜靃攟鬠纙鞪黁漚曝裠鶸蜶籜鶩鑂韻糳'; if (!String.prototype.localeCompare) { thro...原创 2021-04-15 15:04:55 · 816 阅读 · 0 评论 -
利用闭包实现前端缓存
if(!window.mycache){ window.mycache = (function(){ // 闭包变量 var cache = {} // 限制长度 var cacheArr = [] return { get(api){ return new Promise((resolve,reject)=>{ i原创 2021-03-21 18:27:07 · 192 阅读 · 0 评论 -
vue、HTML5拖拽实现;包含鼠标监听实现 HTML5实现两种
效果如图看一下缩放代码1、通过自定义指令 + 鼠标事件实现 // 自定义指令 directives:{ /* 指令钩子函数会被传入以下参数: el:指令所绑定的元素,可以用来直接操作 DOM 。 binding:一个对象,包含以下属性: name:指令名,不包括 v- 前缀。 value:指令的绑定值,例如:v-my-directive=“1 + 1” 中,绑定值为 2。 oldValue:指令绑定的前一个值,仅在原创 2021-03-12 11:26:23 · 695 阅读 · 0 评论 -
VUE实现缩放 通过自定义指令
发送原创 2021-03-12 11:25:28 · 666 阅读 · 2 评论 -
VUE自定义指令获取当前this
// 自定义指令 directives:{ drag(el,binding,vnode) { // 函数里面第三个参数vnode 它的vnode.context就是当前的vm实例 let that = vnode.context } }原创 2021-03-12 11:12:33 · 2083 阅读 · 0 评论 -
JS获取随机颜色
/** * 获取随机颜色 十六进制 */ getRandomColor(){ return '#' + Math.floor( Math.random() * 0xffffff ).toString(16) }原创 2021-03-05 16:32:19 · 197 阅读 · 0 评论 -
vue上传svg 上传显示svg vue通过链接显示svg vue上传vue时保存为xml/html代码
上传限制仅svg //二者均可 accept="image/svg+xml" accept=".svg" 显示SVG//svg是链接的展示方式<embed v-if="editData.obj.svgUrl" :src="editData.obj.svgUrl" width="72" height="72" type="image/svg+xml" />//svg是代码的展示方式(直接使用v-html即可) <div v-html="editD原创 2021-02-26 16:54:24 · 1518 阅读 · 3 评论 -
纯前端实现导出JSON
/* *做记录使用 具体查看 FileSaver 文档*/ FileSaver.saveAs( new Blob([JSON.stringify(JSON数据)], { type: "application/json;charset=utf-8", }), "data.json" );原创 2021-02-04 17:08:21 · 617 阅读 · 1 评论 -
js实现复制
将内容复制到剪切板 // 复制的方法 function copyText(text, callback){ // text: 要复制的内容, callback: 回调 var tag = document.createElement('input'); tag.setAttribute('id', 'cp_hgz_input'); tag.value = text; documen原创 2021-01-22 12:23:10 · 147 阅读 · 0 评论 -
前端开发 js/javascript代码注释规范与示例
注释在代码编写过程中的重要性,写代码超过半年的就能深深的体会到。没有注释的代码都不是好代码。为了别人学习,同时为了自己以后对代码进行‘升级’,看看js/javascript代码注释规范与示例。文件注释文件注释位于文件的最前面,应包括文件的以下信息:概要说明及版本(必须)项目地址(开源组件必须)版权声明(必须)开源协议(开源组件必须)版本号(必须)修改时间(必须),以ISO格式表示(可使用Sublime Text的InsertDate插件插入)文件注释必须全部以英文字符表示,并存在于文件的开发版本与生产版原创 2020-12-15 11:32:10 · 1140 阅读 · 0 评论 -
scss在Vue中安装报错(Cannot find module ‘node-sass‘)
若尚未安装先参考这条链接安装和引用SCSShttps://blog.csdn.net/xiasohuai/article/details/86615454若已安装 查看下面问题 以及对应解决方法问题1TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received typeundefined…一般是因为 loader的版本问题 执行代码npm install sass-loade原创 2020-12-09 16:20:08 · 637 阅读 · 0 评论 -
cnpm : 无法加载文件
解决:在终端运行代码执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的执行:set-ExecutionPolicy RemoteSigned这时再执行 get-ExecutionPolicy ,就显示RemoteSigned操作之后就可以了转载 2020-12-09 15:34:44 · 196 阅读 · 0 评论 -
Vue中解决数据量过大导致页面崩溃;解决方案
解决表格数据量过大(使用插件vxe-table)点击进入插件地址解决select 数据量过大 (使用插件vue-virtual-scroll-list)相关博文插件官网原创 2020-04-29 08:43:42 · 19240 阅读 · 0 评论 -
VueX持久化存储。解决页面刷新后Vuex中的数据清空
因为vuex中state中的数据是存储在内存中而非存在本地所以刷新后数据将会重置回默认值当你需要拒绝在刷新时将state中的数据清空时** //定义方法** const saveInLocal = state => {//该方法会在实例初始化时调用(浏览器刷新时触发) !!localStorage.state ? localStorage.state=store.replaceSt...原创 2020-04-26 12:40:43 · 1200 阅读 · 0 评论 -
Vue虚拟DOM
虚拟dom是一个抽象的概念本身呢是一个特殊的对象。Vue之所以运行高效,使用虚拟DOM减少了对真实的dom操作vDom使用diff算法的原因: DOM操作是昂贵的,应尽量减少DOM的操作所以需要找出本次DOM必须更新的节点来更新,其它的不更新,找出的过程就需要用到diff算法。 //DOM <div class='xxx'> <p>123</p> ...原创 2020-04-20 12:40:26 · 138 阅读 · 0 评论 -
Vue响应原理 definedProperty与proxy实现数据双向绑定
Vue中从改变一个数据到发火说呢过改变的过程Vue2 利用definedProperty实现数据绑定definedProperty 基础使用: var ob={ a:1, b:2 } var _value=ob.a Object.defineProperty(ob,'a',{ //writable:true,//可否修改 //enumerable:false,//是否...原创 2020-04-16 12:53:19 · 2977 阅读 · 1 评论 -
与iframe通信 触发ifram中的事件
父页面: setIframe(state,id){ // console.log(state,id) var frame = document.getElementById(id); frame.contentWindow.postMessage(state,'*'); },iframe监听消息...原创 2020-04-09 09:08:48 · 853 阅读 · 0 评论 -
removeEventListener不生效;无法清空监听事件
绑定事件是使用具名函数 不要用匿名函数所有的DOM节点中都包含addEventListener()与removeEventListener()这两种方法,用于追加事件和删除追加。接受参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。 (3个)最后这个布尔值参数是true,表示在捕获阶段调用事件处理程序;如果是false,表示在冒泡阶段调用事件处理程序。默认为false;事件传递有两...原创 2020-03-13 09:47:35 · 1015 阅读 · 0 评论 -
JS解析URL中的参数
getParams(){//获取参数 let that = this; let url = window.location.href let obj = {} /* * 正则匹配 * [?&]:匹配?或&其一 * [^?&]:非?或非& ...转载 2020-03-10 15:49:01 · 642 阅读 · 0 评论 -
js读取JSON文件获取数据
<div id='search'> <el-upload :multiple="false" :show-file-list="false" //:on-success="handleImageSuccess" //上传成功后出发 :before-upload="handleBeforeUpload"//上传前钩子...原创 2020-03-03 15:11:41 · 1014 阅读 · 0 评论 -
字符串相关方法(ES6的扩展)
let str='Hellow World'str.at( 0 ) //H 根据下标返回对应值str.indexOf('H')//0 查询字符串首次出现的位置(返回下标)str.lastIndexOf('o')//8 查询字符串最后次出现的位置(返回下标)str.includes('H')//true 返回布尔值 查询是否包含某个字str.startsWith('Hellow')/...原创 2020-02-12 22:05:39 · 101 阅读 · 0 评论 -
H5 hbuilder打包后 plusready监听不到
问题//代码不执行监听不到document.addEventListener("plusready", function() { })解决方法if(window.plus){ //所需执行代码}else{ document.addEventListener("plusready", function() { /*所需执行代码*/ })}...原创 2020-01-16 13:51:48 · 1058 阅读 · 0 评论 -
vue调用手机扫描二维码
HbuilderX打包后在手机端或者模拟手机端测试 PC端无法测试;hBuilder打包后集成H5+sdk就可以直接用他们家的sdk了效果图代码部分<button @click.native='startRecognize'>触发按钮</button><div id="bcid" :style='{zIndex:zIndex}'></div>...原创 2020-01-16 11:05:00 · 11311 阅读 · 17 评论 -
[Vue warn]: Missing required prop: "value"
空间数据绑定问题查找v-model相关绑定元素我的报错原因是因为selected未赋值改过来就哦k了//造成错误的原因 <div class="inputFu"> <span><i>*</i>用户类型:</span> <template> <el-select d...原创 2019-12-26 11:11:28 · 11896 阅读 · 1 评论 -
Uncaught (in promise) TypeError: Cannot read property 'protocol' of undef
这个问题一般是在main.js中使用axios时候出现问题正确使用姿势就这样问题解决原创 2019-11-25 15:35:33 · 4437 阅读 · 0 评论