最近参与了山东某一公司的呼叫中心系统的开发项目，我负责的模块是在公司已有的前端Vue框架下集成他们的软电话条功能。从开始到结束所遇到的几个问题如下： 1.如何将ActiveX控件引入Vue，并且在页面上成功渲染； 2.如何调用ActiveX已提供的方法； 3.如何监听ActiveX的动作； （注：以上问题在html的文件里不存在） 我们先来看下第一个问题：如何将ActiveX控件引入Vue，并且在页面上成功渲染。如何将ActiveX控件渲染到页面上。根据客...
1、创建工程 npm install --global vue-cli 安装脚手架 vue init webpack vue-adminlte 初始化webpack 项目 cd vue-adminlte 切换项目文件夹下 npm install 安装依赖库 npm run dev 运行项目2、安装 jquery npm install jquery —save-dev并在build/webpack.base.conf.js中， 引入webpack var webpack = require(webpack);以及在当前文件下找到 module.exports 中 》resolve 〉alias 增加 如下 alias: { vue$: vue/dist/vue.esm.js...
wepy框架借鉴了vue的语法风格和功能特性，但是在使用过程中还是发现与vue有很大的不同。现在总结一下自己开发中遇到的问题，共大家参考一下。如果第一次用wepy开发，强烈建议仔细阅读一下这篇文章，一定对你有帮助，会帮你节约很多宝贵的时间。开发过程中也建议大家时不时的回来阅读一次，巩固加强记忆。 wepy中的组件组件里面的坑还不是一般的多！首先来说说组件间的数据共享。在vue中你也能做到这一点，只要把 data 写成一个对象...
前言 装饰器是一种特殊类型的声明，它能够被附加到 类声明，方法， 访问符，属性或参数 上。 装饰器使用 @expression这种形式， expression求值 后必须为一个函数，它会在 运行时被调用 ，被装饰的声明信息做为参数传入。 本篇先从项目的宏观角度来总结一下Decorator如何组织。 目录 主要的Decorator依赖vue-class-componentvuex-classvue-property-decoratorcore-decorators自定义Decorator示例哪些功能适合用Decorator实现Decora...
vue安装 首先第一步，安装javascript运行环境node.js，根据你系统是32位或64位安装文件如下图。第二步，安装Nodejs下的包管理器，打开windows命令窗口，输入“npm install -g cnpm --registry=https://registry.npm.taobao.org”命令安装。如下图所示。第三步，安装vue-cli脚手架构建工具，在windows命令窗口输入"cnpm install -g vue-cli"，如下图所示第四步，在windows命令窗口输入“vue”,如出现下图所示，表示安装成功。第五步...
1.订单提交地址等组件的应用。 使用的组件有如下： import {Card,button,Toast,AddressList,Popup,AddressEdit,Area} from vant主要是配货地址编辑这块；<van-address-edit:area-list="areaList":address-info="addressInfo"show-postalshow-deleteshow-set-defaultshow-search-result@save="onSave"@delete="onDelete"@change-detail="onChangeDetail"/> 地址编辑。没有用默认的地址编辑属性：search-resultsearch-result详细地址...
一、键盘事件，当按键盘时，在控制台输出提示html 源码：<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>VueLearn-cnblogs/xpwi</title><!--引入自定义的样式--><link rel="stylesheet" href="css/style.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" /><!--引入 vue 核心 js--><script type="text/javascript" src="js/vue.js" ></script></head><body><!--vue-app 是根容器，定义...
今天的小实例是关于 Vue 框架动态绑定 css 样式，这也是非常常用的一个部分 首先说一下 动态绑定，相对的大家都知道静态绑定，静态绑定的话，直接加 class=“”就可以了，使用 Vue 呢之前也介绍过一个 v-bing:class="{{redClass:true}}" ，也可以实现绑定，但都不是动态绑定，动态绑定肯定是根据用户的某个操作实现动态的修改样式先看下面的第一个小实例：源代码 html 文件： 请看注释 <!DOCTYPE html> <html><head><meta charset=...
Vue是一款比较流行的JS库，本文为大家介绍一些Vue组件,包括UI组件,开发框架,服务端,辅助工具,应用实例,Demo示例等开源项目 一、Vue常用UI组件 element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5517 - Vue 2的移动UI元素 vue-material ★2790 - 通过Vue Material和Vue 2建立精美的app应用 muse-ui ★2611 - 三端样式一致的响应式 UI...
下载swiper首先使用npm 或者cnpm下载swiper cnpm install swiper 引入swiperimport Swiper from ‘swiper; import ‘swiper/dist/css/swiper.min.css;使用swiper<div class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide"><img src="../../static/images/ad1.jpg" alt=""></div><div class="swiper-slide"><img src="../../static/images/ad2.jpg" alt=""></div><div class="swiper-slide"><img src=...
在实际的开发工作中，难免要配合销售人员，提前做一些前端的 DEMO 出来。这个时候往往还没有连接后端 API。假如要演示一个下载连接，那么应该如何做呢？ 我们希望能够达成以下两点： 1、在开发环境下，我们可以在 webpack-dev-server 开发服务器上点击下载连接，点击后浏览器就能不下载文件。 2、当演示的时候，代码编译后放到 nginx 中。用户可以点击下载链接。nginx存放的都是业务代码。 那么如何做到这两点呢？假如我们要模拟下...
不知不觉接触前端的时间已经过去半年了，越来越发觉对知识的学习不应该只停留在会用的层面，这在我学jQuery的一段时间后便有这样的体会。 虽然jQuery只是一个JS的代码库，只要会一些JS的基本操作学习一两天就能很快掌握jQuery的基本语法并熟练使用，但是如果不了解jQUery库背后的实现原理，相信只要你一段时间不再使用jQuery的话就会把jQuery忘得一干二净，这也许就是知其然不知其所以然的后果。 最近在学vue的时候又再一次经历了这...
前后端数据交互作为项目最基础需求（静态的除外），同时也是项目中最重要的需求。 本文重点介绍axios如何配合vue搭建项目框架，而axios的详细使用介绍请移步 使用说明 1、安装 cnpm install axios --save-dev2、引入 main.js 文件引入： import Vue from vue//引入vue import axios from axios//引入axios Vue.prototype.$axios = axios;//把axios挂载到vue上3、使用getStore(){let that = thisthat.$axios({method: "post",//指定...
最近在用 iview-admin的Vue后台模板，从git上下载后发现左侧导航栏最多支持到二级菜单,也发现很多童鞋在问如何实现三级菜单。在实际的应用场景中还是会出现三级菜单的需求的，木有其他好办法，只能自己手动改代码了。 1. 第一步：首先改写VUE中的模板，修改sidebarMenu.vue文件，文件具体目录建下图：将Menu导航菜单组件的的二级嵌套结构改为三级嵌套，无非就是判断二级路由页面下是否有children属性及是否含有子元素，有的话直接v...
Nuxt 随着现在vue和react的流行，许多网站都做成了SPA，确实提升了用户体验，但SPA也有两个弱点，就是SEO和首屏渲染速度。为了解决单页应用的痛点，基于vue和react的服务端渲染应运而生。由于公司的框架采用的是vue，所以就简单的研究了一下基于vue的服务端渲染框架——NUXT。在vue的官网有关于服务端渲染的详细介绍，而NUXT集成了利用Vue开发服务端渲染的应用所需要的各种配置，也集成了Vue2、vue-router、vuex、vux-meta（管理页...