Crazy_LinkFern的博客

vue项目使用mock

vue老项目增加提交格式化功能[eslint+prettier+husky+lint-staged]

insertText(insertTxt) { // 获取el-input中的input元素 let elInput = this.$refs.targetIn.$el.firstElementChild; // 获取el-input的值 let txt = elInput.value; // 做插入前做长度校验（如果有这个需要的话） if (tx...

// 获取编辑器对象let quill = this.$refs.myQuillEditor.quill;// 获取编辑器光标位置let length = quill.selection.savedRange.index;// 插入图片至光标位置，imgUrl为图片地址quill.insertEmbed(length, 'image', this.imgUrl);// 移动光标...

最近在回顾vue相关知识点，发现对vue生命周期了解的还不是很透彻，现在根据一些大佬的总结再对比一下vue的官方文档，自己也总结了一下，理解透彻才不会在开发过程中犯下一些低级的失误。1.创建期间的生命周期函数：beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 created：实例已经在内存中创建OK，此时 data 和 meth...

情况说明：项目将文件储存在第三方服务器（阿里云）上，在下载文件的时候，需要跨域，将处理过程记录如下。第一次尝试：（还不是跨域问题）刚开始的时候，因为能获取到文件的URL地址，所以尝试以<a>标签的形式下载，代码如下：// 下载按钮点击事件fileDownload (url, fileName) { let ele = document.createEleme...

一、在HTML元素中使用.prevent<!--不阻止右键菜单(浏览器行为)，右键执行函数show--><div @contextmenu="show()"></div><!--阻止右键菜单--><div @contextmenu.prevent></div><!--阻止右键菜单(浏览器行为)，右键...

修改组件样式三种方式：第一种：使用 /deep/注意：使用 cass 和 less 只能使用 /deep/ 这个方法方法二：使用 >>>方法三：使用全局样式表（不推荐）另外说点其他技巧如果在浏览器中，看到当前的 vue组件属性 [data-v-xxxxxx] 的话，那么可以直接拿过来使用原文链接：【vue scoped 样式修改 】框架或插件组件样式...

第一种：正则匹配str = str.replace(/\s*/g,''); // 去除字符串内所有的空格str = str.replace(/^\s*|\s*$/g,''); // 去除字符串内两头的空格str = str.replace(/^\s*/,''); // 去除字符串内左侧的空格str = str.replace(/(\s*$)/g,''); // 去除字符串内右侧的...

第一种：@input（v-on:input）实时监听输入的值第二种：@change当输入值改变的时候调用第三种：@keyup.enter(element组件使用：@keyup.enter.native)监听键盘输入的Enter键第四种：@blur当输入框失去焦点的时候调用...

第一种：普通监听new Vue({ el: '#root', data: { test: {id: 1, name: 'ceshi'} }, watch: { test (newVal, oldVal) { // ...执行代码 } }})第二种：根据需求进行深度监听n...

temp = { 'data' : 'test' }; // 全局变量//这样改变obj的值的时候，temp的值不会跟随改变let obj = JSON.parse(JSON.stringify(this.temp));// 或者使用lodash工具库的_.cloneDeep()let obj = _.cloneDeep(this.temp);...

先上一个最终的效果图：如图：上面是quill-editor组件，下面是el-upload组件。上代码：<template> <div class="my-container"> <!--quill组件用div包裹起来是为了更方便的根据项目要求修改组件的样式，下同--> <div class="my-...

1.运行报错2.解决办法打开相应项目根目录下的 package.json 文件， 文件内容如下：在script里，并没有dev，而是serve，应该用 npm run serve 命令运行vue项目。...