VUE DOM加载后执行自定义事件的方法
最近想用vue做一个小东西，谁知道一开始就遇到了一个棘手的问题： 首先我想在页面加载前通过ajax请求页面展示所需要的信息，于是我在created钩子函数里面请求了我想要的数据 created:function(){ var url=/in 查看全文
vue移动端实现红包雨效果
本文实例为大家分享了vue实现红包雨效果的具体代码，供大家参考，具体内容如下 下面是代码： <template> <div class=ser_home> <ul class=red_packet id=r 查看全文
打通前后端构建一个Vue+Express的开发环境
前端做多了，自然就会想往后端伸手。更何况现在有了Node和Express，让前端做后端开发的学习降低了不少。 最近正好揽下了一个 Vue + Express + mysql 的小项目。项目开始时是前后端分开开发的，但是当后台做好一部分要进行 查看全文
详解vue-router传参的两种方式
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系 查看全文
webstrom Debug 调试vue项目的方法步骤
第一种，使用vue插件 1、下载插件： 这样直接run一个vue项目，你就会看见插件标亮了 打开调试模式，你就会看见最后有个vue标记，打开能看见当前vue页面渲染相关数据 第二种，使用webstrom调试下载插件 下载地址： 打开 查看全文
Vue下拉框回显并默认选中随机问题
今天做vue的页面下拉框回显问题，回显数据是随机的，好奇怪，虽然多刷新 几下就可以了， 但是这个问题还是存在的，后来发现问题是 回显中的数据是两次请求，因为网络问题两次说不定哪个就请求的快一些， 因为调用的对象不一样，所以可能会 查看全文
解决vue的变量在settimeout内部效果失效的问题
解决方法如下： 1、定义一个self暂存this 2、再改变变量的值，则生效啦 var self=this; this.toastrVal = inVal; this.loadState = true; this.noBg = bgStat 查看全文
解决vue 中 echart 在子组件中只显示一次的问题
问题描述 一次项目开发过程中，需要做一些图表，用的是百度开源的 echarts。 vue推荐组件化开发，所以就把每个图表封装成子组件，然后在需要用到该图表的父组件中直接使用。 实际开发中，数据肯定都是异步获取的。所以我们在 mounted 查看全文
vue.js实现的经典计算器科学计算器功能示例
本文实例讲述了vue.js实现的经典计算器/科学计算器功能。分享给大家供大家参考，具体如下： 1. HTML部分： <script src=±</button> <button class=button @click 查看全文
解决vue路由后界面没有变化,但是链接有的问题
vue有个写法需要注意： 如果是跳转到默认首页，router-link 应该写： to: {path: / } 如果跳转到非默认首页的时候，router-link 应该写： to: {path: about } 就是除了跳转到默认首页的 查看全文
Vue-router 中hash模式和history模式的区别
Vue-router 中hash模式和history模式的关系 在vue的路由配置中有mode选项 最直观的区别就是在url中 hash 带了一个很丑的 # 而history是没有#的 mode:hash; mode:history; 查看全文
解决vue 绑定对象内点击事件失效问题
突然的发现某段 html 代码中点击事件失效了。 仔细观察才发现，这段代码内的元素都在 vue 绑定对象中。 因此失效。 解决办法是将绑定对象内的元素点击事件换成 v-on:click。 以上这篇解决vue 绑定对象内点击事件失效问题就 查看全文
浅谈Vue组件及组件的注册方法
相信在使用Vue进行项目开发的时候很多人会接触到vue组件，最常见的就是我们使用的element-ui组件库，用起来确实很方便，大大减少了我们的开发时间。在一个项目中其实有很多可复用的代码块，如果我们可以把这些内容封装成一个组件就能够很方便 查看全文
vue项目base64字符串转图片的实现代码
<img :onerror=errpic class=customerHead :src=param.customerHead alt=> data() { return { param:{ id:, 查看全文
vue.js 添加 fastclick的支持方法
fastclick：处理移动端click事件300毫秒延迟 1、兼容性 iOS 3及更高版本的移动Safari iOS 5及更高版本的Chrome Android上的Chrome（ICS） Opera Mobile 11.5及以上版本 An 查看全文
vue-auto-focus： 控制自动聚焦行为的 vue 指令方法
在网页的表单中，经常需要用程序来控制input和textarea的自动聚焦行为。例如我最近做的一个项目，有个装箱出库的流程，input框自动聚焦的流程如下：页面进入时自动聚焦到订单号输入框->订单号扫描完毕聚焦到商品条码输入框-& 查看全文
Vue CLI3 如何支持less的方法示例
本文介绍了Vue CLI3 如何支持less的方法示例，分享给大家，具体如下： 安装方式： npm install less less-loader --save 或者 cnpm install less less-loa 查看全文
分享vue里swiper的一些坑
实例: 错误(无法显示出分页器按钮,此功能不适用与for循环出来的图片,只有当该页面图片固定几张时能正常用) 第一步: 安装 npm i swiper (vue插件自带) 第二步: 在当前页面里引入 import Swiper 查看全文
Vue-cli3项目配置
Vue-cli3 搭建的项目 界面想对之前较为简洁 之前的build和config文件夹不见了，那么应该如何配置 如webpack等的配那只需要在项目的根目录下fig.js 文件（是根目录，不是src目录 语法 module 查看全文
vue router 配置路由的方法
用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(r 查看全文
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
vue-quill-editor是个较为轻量级富文本框，相较于ueditor，开发更编辑，更加直观，如果大家伙在需求允许的情况下，还是会比较建议使用vue-quill-editor。 vue-quill-editor的使用方法在这边就 查看全文
vue组件开发之用户无限添加自定义填写表单的方法
效果图： 代码如下： <template> <div class=checkbox> <div class=input> <p v-for=item in inputs> <s 查看全文