vue
关注
分享
扫一扫
文章平均质量分 55
黑夜的风
{"tag":["s","j","x"]}
展开
-
【已解决】Vue的Element框架，日期组件（el-date-picker）的@change事件，不会触发。
1、场景照抄官方的实例，绑定了 myData.Age 这个值。实际选择某个日期后，从 vuetool（开发工具）看，值已经更新了，但视图未更新。2、尝试绑定另一个值： myData，可以正常的触发 @change 方法。可能是：值绑定到子对象时，组件没有侦测到。3、解决使用 @blur 代替 @change 方法。再判断下 “值有没有更新” 即可。如有更好的方法，欢迎评论！...原创 2020-02-12 17:35:24 · 25701 阅读 · 5 评论 -
【Vue】界面不更新的一种情况
今天写代码。VueTool 的值都更新了，但视图木有更新。难道是因为对象没有检测到？我使用了 Vue.set()，仍然无效。然后我仔细看了下控制台。原来是 代码中的 TypeError 阻碍了代码执行，造成了视图未更新。清理 TypeError 后，视图更新。...原创 2019-11-20 18:02:51 · 787 阅读 · 0 评论 -
【已解决】监听 vue点击Div外层 的事件，并实时销毁。
watch:{ show_login_out(newVal, oldVal){ if(newVal === true){ alert('开始监听') // 若显示，则监听失去焦点事件。 document.addEventListener('click',...原创 2019-08-01 12:23:28 · 5507 阅读 · 0 评论 -
Vue的element UI，Loading加载框更改显示文字。
1、初始化载入框const options = { text: "载入中...", customClass: 'login_loading', spinner: 'el-icon-loading', lock: true,};this.loadingInstance = Loading.service(options);2、更改文字this.loadingIn...原创 2019-08-01 09:19:57 · 14140 阅读 · 10 评论 -
【已解决】Vue引用quill富文本编辑器，图片处理的两个神器插件（quill-image-drop-module、quill-image-resize-module）的正确姿势。（解决各种报错）
一、前言我在vue-quill-editor的Github认识了这两个插件。quill-image-drop-module：允许粘贴图像并将其拖放到编辑器中。quill-image-resize-module：允许调整图像大小。都很实用呐！然而DEMO不够详细，实际引用时，报了很多错误。如Cannot read property 'imports' of undefined"、F...原创 2019-03-13 13:49:36 · 16323 阅读 · 17 评论 -
【已解决】vue升级后（引用cdn后），某些页面打不开、cpu占用异常增高的解决办法
【问题情景】今天添加CDN时，看到package.json写了："vue": "^2.5.2"，就引用了2.5.2的CDN。结果某个子组件无法加载。表现为浏览器cpu异常升高，页面无响应。注释掉组件后页面正常加载。【解决办法】后经检验，是版本问题。应当引入** package-lock.json** 的版本。将版本改为2.5.16，程序正常运行~...原创 2019-03-04 16:00:55 · 1622 阅读 · 0 评论 -
【electron-vue】踩坑笔记1
1、选择文件夹失败。const {ipcRenderer} = require('electron')ipcRenderer.send('open-file-dialog')上面这段代码打不开文件夹。难道绑定按钮事件不够，需要监听事件才行？下面这段代码可以打开文件夹。dialog.showOpenDialog({ properties: ["openD...原创 2019-02-05 17:46:34 · 933 阅读 · 0 评论 -
【已解决】使用vue-electron脚手架进行vuex赋值时，失败的解决办法。
解决过程1、初步尝试我首先尝试用mutation（commit）传参。结果控制台报错：[Vuex Electron] Please, don't use direct commit's, use dispatch instead of this.好好好。那我再用action传参试试。虽然控制台没报错，但却一直无法赋值！2、查找资料我找到一个解决方法：注释掉store目录下ind...原创 2019-01-27 23:59:17 · 3908 阅读 · 0 评论 -
【原创】基于vue。简单、优雅的评论插件（包含颜文字表情、滑动验证）。
主要功能支持颜表情emoji（╮(￣▽￣)╭）支持滑动验证。评论为空不允许提交。封装了几个常用的方法。在线浏览1、用户已登录2、用户未登录使用方法<template> <b_comment ref="my_comment" :placeholder="placeho原创 2018-12-31 23:19:46 · 6069 阅读 · 6 评论 -
使用Vue，实现事件对象的“监听”（addEventListener）、“销毁”(removeEventListener)。
场景我在写一个“滑动验证码”的插件。需要给滑块绑定事件，监听已滑动的距离。验证成功后，销毁绑定事件。实现代码1、在data里定义 data(){ return{ events: { handleEvent: function(event) { switch (event.type) { ...原创 2018-12-31 13:27:02 · 13371 阅读 · 1 评论 -
【已解决】微信小程序wepy框架引入vant ui时，报错的解决办法。
【场景还原】今天尝试了下wepy引入vant框架。首先，我先下载了vant小程序的组件。然后把其中的dist/button拷贝到了wepy项目的src/components目录。OK。在页面引入：路径是没有问题的。微信web开发者工具，启动！…？？报错了。报错信息说找不到common/index.wxss。我们打开编译后的文件看一下：哦。原来button引入了common这...原创 2018-12-08 17:58:38 · 6582 阅读 · 4 评论 -
Vue框架，签到功能的实现、优化。(附vue+php后台代码+mysql表结构)
项目需要增加一个签到功能。 很简单。登陆后点击【签到】，即可签到。 1.建数据库表表结构如下： id是自增的主键，uid是用户的数字id，clicked_time是签到的日期。 CURRENT_TIMESTAMP是插入sql语句的时间。 格式是这样的：2018-03-14 19:00:12 2.写php【查询当前用户，今天是否签到】的接口$uid = $_G...原创 2018-09-03 13:33:13 · 8149 阅读 · 0 评论 -
【全部步骤+遇到的问题】多页面入口的Vue-Cli项目打包，配置到Linux系统下的 Nginx服务器 实战
我的VUE-PHP全栈项目终于做好了，今天进行打包、上线。这是我第一次发布Vue项目+部署Nginx服务器。本文章将记载打包的步骤、遇到的问题等。以供将来参考。 1.首先什么也不配置，裸打包试试！ npm run build。直接执行打包，然后在webstorm里边运行（点击右上角的浏览器图标）。 发现首页空白。2.配置打包路径，增加一个点. （P.S：我的线上服务器...原创 2018-07-26 12:30:30 · 1821 阅读 · 0 评论 -
【已解决】配置Vue-Cli路由时，跳转到错误地址的Bug
【BUG情况】刚才conf/index.js配置错误。导致，访问后台跳转地址错误。【解决过程】我还以为怎么了啊。检查了路由配置、服务器配置，还原了下早晨的项目备份。都不好用。关了本地webstorm服务器。然后刷新出问题的页面，发现还是跳转到错误的网址！！!查看了8080的端口占用，发现没有占用。【最终解决方案】清空浏览器缓存。重启Webstorm，错误消失。...原创 2018-07-24 12:26:38 · 1582 阅读 · 0 评论 -
【日记】WebPack开发，引入jQuery第三方库，一直引入失败的解决经历。
【背景】昨晚把项目传到github，然后想把DEMO地址放出来。打包时发现路由传值的页面配置错误，css位置错误。打包搞了感觉有点麻烦，不如直接在服务器上装个nodejs环境，然后npm run dev，运行项目即可。然后，我的故事开始了......【经历】首先，我通过yum安装了nodejs，配好了Node的ftp文件夹。上传运行，成功！然而，到公网123.123.123:8080，却无法访问。...原创 2018-06-21 13:06:55 · 1658 阅读 · 0 评论 -
【已解决】VUE-element框架 上传组件，:before-upload函数里 取消本次上传
我在上传组件绑定:before-upload，并判断文件类型、大小。格式不正确时如何取消本次上传？官方文档写的是用abort方法。我调用了半天，查了mdn还是很迷茫。最后查到npm的文档，发现这一行：before-upload可选参数, 上传文件之前的钩子，参数为上传的文件，若返回 false 或者 Promise 则停止上传。原来简单的return false;就可以了！p.s:这里我想吐槽下，...原创 2018-06-03 17:50:48 · 22325 阅读 · 16 评论