Vue
文章平均质量分 61
做Vue项目过程中遇到的一些坑或者自己做的笔录......
weixin_43910427
这个作者很懒,什么都没留下…
展开
-
基于 vue 的日历
看完可能会懵逼,也可能觉得代码很辣鸡,但是不动手永远不知道自己会不会,写的好不好原创 2021-11-23 10:11:00 · 1275 阅读 · 0 评论 -
vue中使用 wangEditor (一)(只做配置图片上传部分的说明)
wangEditor 的文档1. 安装依赖 npm i wangeditor --save2. 引入依赖 import E from "wangeditor"; 3. 初始化设置 // graphicDetails 是用来放置这个富文本的容器id initEditor(row){ editor = new E("#graphicDetails"); // 或者 const editor = new E( document.getElemen原创 2021-08-18 18:04:26 · 1122 阅读 · 0 评论 -
vscode上设置代码片段,以.vue文件为例
1.先找到设置代码片段的位置:文件-> 首选项->用户片段也可以直接点击左下角的设置图标:当然也可以直接 设置快捷键来处理这个动作:2.开始说vue模板的配置:在搜索框 输入 “vue” 找到对应的配置文件由于 我已经配置完成了,页面是这样子的:如果是第一次进入这个界面,类似这样的:3.新建一个.vue文件,开始尝试使用刚才的配置快速产生vue模板代码输入的 “myvue” 就是在代码片段中配置的 prefix 字段的值,可以根据自己的喜好自行配置,如果发现原创 2021-04-17 18:34:33 · 403 阅读 · 4 评论 -
vue项目中使用canvas进行签名的完整例子(用于移动端)
页面大致长这个样子注:如果直接使用代码,记得下载element的依赖包以及引入对应的样式,也可以将涉及到element组件的地方去掉直接上代码:<template> <div class="sign_page"> <div class="canvas_page" > <!----> <div class="handCenter"> <canvas id="myCanvas" >原创 2020-09-23 18:05:16 · 485 阅读 · 0 评论 -
升级vue 3.x之后使用vue 2.x
原创 2020-08-29 17:46:36 · 324 阅读 · 0 评论 -
富文本的爬坑之路 - - vue
1.百度富文本编辑器// 百度编辑器页面初始化// 报错:Uncaught SyntaxError: Unexpected token '<'; Uncaught ReferenceError: ZeroClipboard is not defined ueditor文件要放在public静态资源文件夹下,vue2.0静态资源文件夹是static,vue3.0则是public config: { autoHeightEnabled: false, a原创 2020-08-24 12:49:01 · 254 阅读 · 0 评论 -
Vue下的图片剪裁
效果图:js资源:原创 2020-08-12 17:40:48 · 242 阅读 · 0 评论 -
Vue下的图片剪裁的资源
class Clip { //因为要保存到vue实例中,所以直接传一个$vm当闭包使用了 constructor(wpId, $vm) { this.regional = document.getElementById(wpId); this.getImage = document.createElement('canvas'); this.getImage.id = 'image-box'; //将样式写入到创建节点的时候 .原创 2020-08-12 17:40:37 · 129 阅读 · 0 评论 -
sass-loader 与 node-sass傻傻分不清
sasdasd原创 2020-04-19 14:48:48 · 9753 阅读 · 0 评论 -
Vuex的辅助函数专场
辅助函数的种类:mapState,mapGetters,mapMutations,mapActions 这些具体是怎么写,有什么作用的,一一来看原创 2020-04-09 19:54:19 · 109 阅读 · 0 评论 -
Vue中支付宝支付的实例
待续原创 2020-03-21 08:55:24 · 722 阅读 · 0 评论 -
vue项目创建到运行遇到的许许多多的坑 (1) 之升级vue-cli
前段时间为了处理ie的兼容问题,把降到了2.x,于是我的版本目前就是这样:现在想玩uni-app, 但是uni-app 不支持这么玩,没办法,只能再把脚手架升级回去,老老实实用3.x ,下面开始肝:按照网上说的方法,我只需要卸载一波2.x,再安装3.x就行:npm uninstall -g vue-clinpm install -g @vue/cli不想安装4.x ,固定了一下版本号...原创 2020-03-20 11:05:24 · 731 阅读 · 0 评论 -
基于vue的可拖拽组件
/** fixed(固定定位) 这里所固定的参照对像是--可视窗口-而并非是body或是父级元素。可通过z-index进行层次分级。*/<template> <!-- 外层蒙版 --> <transition name="dialog" > <!-- @mouseup.stop="clickUpDialog" -...原创 2020-03-19 09:57:22 · 1108 阅读 · 0 评论 -
vue项目创建到运行遇到的许许多多的坑 (1) 之 webpack-dev-server
创建完项目(vue-cli 创建的项目)命令:vue init webpack new component-package > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件。 npm ...原创 2020-03-18 10:52:43 · 251 阅读 · 0 评论 -
element form 表单的校验异常
这个表单的validate 有问题,可以是以下几个方面 :el-form 上面有没有绑定表单 :model = ‘表单’el-form-item 上有没有绑定正确的prop有没有自定义的校验,如果有,是否有回调函数校验规则 rules 是不是没绑定或者写错了绑定的表单和绑定给具体的值的是不是同一个form自定义校验回调的时候执行报错, 也会进catch...原创 2020-03-16 15:06:30 · 516 阅读 · 0 评论 -
Vue使用七牛云上传的实例
待续原创 2020-03-13 19:16:55 · 1092 阅读 · 0 评论 -
Vue编写时的一些注意事项(9)--简单插件的开发
喜欢你原创 2020-03-12 20:32:02 · 66 阅读 · 0 评论 -
Vue中微信支付的实例
待续原创 2020-03-10 11:53:51 · 437 阅读 · 0 评论 -
Vue编写时的一些注意事项(11)(--注意事项 、安全 、响应式)
待续原创 2020-03-03 10:42:31 · 369 阅读 · 0 评论 -
独占默认插槽的缩写语法
chaosjdojfsdo原创 2020-02-29 16:41:02 · 295 阅读 · 0 评论 -
Vue编写时的一些注意事项(8)(--全局混入 以及 --自定义指令)
1.mixin 全局混入整个项目都需要用到的方法等这样的可以进行mixin ,但不要滥用,更不要将mixin里面的名字与组件里面的重复· import Vue from 'vue' var mixin = { methods:{ like(){ console.log('like') }, } } Vue.mixin(mixin)这样,...原创 2020-02-27 11:10:26 · 293 阅读 · 0 评论 -
Vue编写时的一些注意事项(7)(--组件的过渡)
待续原创 2020-02-26 08:47:06 · 113 阅读 · 0 评论 -
Vue编写时的一些注意事项(6)(--Mixin)
待续原创 2020-02-25 09:17:01 · 93 阅读 · 0 评论 -
Vue编写时的一些注意事项(5)(---动态组件、插槽)
v-model 语法糖:(这里只做自己记录用,具体了解可以看其他大佬的文章)<input v-model="searchText">等价于:<input v-bind:value="searchText" v-on:input="searchText = $event.target.value">组件的动态切换: <!--定义了两个组件:new...原创 2020-02-24 10:21:54 · 251 阅读 · 0 评论 -
vue编写时的一些注意事项(4)(--组件封装以及父子组件通信)
组件化以下是vue项目中的写法以及用法,若想了解单页的写法请点击这里1.封装一个简单的vue组件 <template> <div class="newTemplate">我是一个小组件</div> </template> <script> export default { name:'newTemplate', ...原创 2020-02-23 20:28:18 · 515 阅读 · 0 评论 -
vue编写时的一些注意事项(3)(--表单绑定以及修饰符)
表单输入绑定v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。多选框<div id='example-3'> <input type="checkbox" id="jack" value="J...原创 2020-02-22 09:58:06 · 247 阅读 · 0 评论 -
vue编写时的一些注意事项(2)--修饰符篇
一.修饰符·(1)原创 2020-02-21 09:01:30 · 77 阅读 · 0 评论 -
vue编写时的一些注意事项(1)(---漫无目的的哔哔赖赖)
1、不要盲目使用箭头函数不要在选项属性或回调上使用箭头函数,比如 created: () => console.log(this.a) 或 vm.$watch(‘a’, newValue => this.myMethod())。因为箭头函数并没有 this,this 会作为变量一直向上级词法作用域查找,直至找到为止,经常导致 Uncaught TypeError: Cannot r...原创 2020-02-20 11:08:45 · 139 阅读 · 0 评论