最近项目进入到了第三方集成的环节，集成第三方监控非要用IE，咋办？老板让我将后台管理系统的框架兼容下IE，一直都是在chrome下开发的，也不知道IE下是什么鬼。 目前后台管理系统前端搭建方式 目前系统是用vue-cli@2.0生成的，UI框架使用的是iview,ajax请求使用的是axois,此外就没有什么特殊的npm包了。 需要解决的兼容问题 经过自己的一番测试，目前主要有以下的兼容问题: 在IE下由于没有promise，所以axios不能用了；在涉及到fl...
前言 最近遇到一个问题，在一个页面需要动态渲染页面内的表单，其中包括 checkbox 表单类型，并且使用 Element 组件 UI 时，此时 v-model 绑定的数据也是动态生成的 例如：定义的 data 的 form 里面是空对象，需要动态生成里面的 key export default {data() {return {form: {}}}, }从后端接口得到 checkList，这个就是动态生成的表单数据v-for 循环 checkList，得到 key，然后直接 v-model=“form.key” 动态生成 form 里面的 key...
前言 首先祝大家元宵节快乐，最近已经好久没有写过文章了，刚好趁着这几天刚刚上班，领导还没有来，偷偷的写一篇关于webpack搭建vue的博客。因为公司使用vue比较多，构建vue项目使用vue-cli显得有点臃肿，感觉还是自己配置比较好些，所以就有了这篇教程。由于水平有限，欢迎大家指正，一起进步。 新建项目 1.新建名为webpackconfig文件夹 2.使用命令 npm init -y在webpackconfig文件夹中生成package.josn 3.下载依赖包 npm i webpa...
第一步 : 了解环境变量概念 我们可以根目录中的下列文件来指定环境变量: .env # 在所有的环境中被载入 .env.local # 在所有的环境中被载入，但会被 git 忽略 .env.[mode] # 只在指定的模式中被载入 .env.[mode].local # 只在指定的模式中被载入，但会被 git 忽略环境变量文件只包含环境变量的“键=值”对： FOO=bar VUE_APP_SECRET=secret // 只有VUE_APP_开头的环境变量可以在项目代码中直接使用除了 自定义的VUE...
使用技术： VuePress - Vue 驱动的静态网站生成器 仓库地址：https://github.com/yinian-R/vuepress-demo全局安装## 安装 yarn global add vuepress # 或者：npm install -g vuepress现有项目如果你想在一个现有项目中使用 VuePress，同时想要在该项目中管理文档，则应该将 VuePress 安装为本地依赖。 ## 没有项目可以初始化 yarn init## 将 VuePress 作为一个本地依赖安装 yarn add -D vuepress # 或者：npm install -D vuepress#...
开始 声明一个对象man，可以视为vue中的data let man = {height: 180,weight: 70,wealth: 100000000 }添加Observer 作用在于将参数对象的属性变为响应式，只要对象的属性被读取或者被修改都能观察到。然后新建一个Observer实例，将man作为参数扔进去。这里的proxyData是将man的属性代理到以man为参数的Observer实例上去。 class Observer {constructor(obj) {this.walk(obj)}walk(obj) {Object.keys(obj).forEach(prop => {this[pr...
当我们在做项目时，我们需要做当前页面的刷新来达到数据更新的目的，在此我们大概总结了几种常用的页面刷新的方法。 1.window.location.reload(),是原生JS提供的方法，this.$router.go(0):是vue路由里面的一种方法，这两种方法都可以达到页面刷新的目的，简单粗暴，但是用户体验不好，相当于按F5刷新页面，会有短暂的白屏，相当于页面的重新载入。 2.通过路由跳转的方法刷新，具体思路是点击按钮跳转一个空白页，然后再马上跳回来：...
下面就是小编带给大家的Vue中怎么使用canvas方法操作，希望能够给你们带来一定的帮助，谢谢大家的观看。1、如果数组中都是canvas对象, vue如何能吧canvas对象渲染到页面。v-html只能渲染出一个字符串, 没办法像appendChild那样插入canvas对象。2、项目架构是vue-cli的单页应用，如果在index.html入口主文件里面引入<script src=html2canvas.js></script>；3、这样每个组件都会加载此js，造成资源浪费。所以通过import方式，在需要的...
本文实例分析了vue组件之间数据传递的方法。分享给大家供大家参考，具体如下： 1、props:父组件 -->传值到子组件 app.vue是父组件 ，其它组件是子组件，把父组件值传递给子组件需要使用 =>props 在父组件（App.vue）定义一个属性（变量）sexVal = 男 把该值传递给 子组件(B.vue)，如下： App.vue <template><div id="app"><!--<router-view></router-view>--><parentTochild :sex="sexVal"></parentTochild></div> </template> <s...
前端框架vue，在利用脚手架工具vue-cli创建前端项目时候，怎么引入组件呢？下面是详细的写法。 1、第一步，利用vue-cli创建一个vue前端项目，文件夹如下图2、第二步，例子是在hom.vue界面引入子组件header.vue，如下图3、第三步，给子组件header.vue命名一个全局的id， export default {name: HomeHeader}代码如下图4、第四步，返回home.vue组件，引用header.vue组件代码如下图 HomeHeader 对应上一步的命名； 首先引入界面 import...
子组件接收父组件的参数的时候，props注册接收的参数 props:[count]子组件可以对接收的参数校验。 例如规定接收的count参数要求是String props:{ count:String }如果count是别的类型就会报错 组件的参数校验 组件的参数校验指的是什么呢？你父组件向子组件传递的内容，子组件有权对这个内容进行一些约束，这个约束我们可以把它叫做参数的校验。 <div id="root"><child content="hello world"></child> </div> Vue.component(chil...
vue组件的概念是变得越来越重要了噢。今天小编我就来给大家分享一下编写vue组件的经验噢。 1、首先引入vueJS框架并且在底部new一个vue实例便可得到一个组件了哦。 vue实例本身就是一个最大的组件了噢。2、然后可以在vue实例中使用template来编写组件的模板数据了哦。3、接着整个vue实例就会绑定到div上面了哦。这样浏览器所呈现的便是整个组件的所有template的内容了。4、但是一个大组件中是有许许多多不同的组件来进行开发的。 所...
vue是一套当下非常受欢迎的构建用户界面的渐进式框架。那如何使用vue进行数据循环呢？下面的案例将使用v-for循环进行数据的遍历。1、打开html开发工具，新建一个html 代码页面。2、在新建的html代码页面创建一个<ul>标签同时给这个标签设置一个id为app，然后在<ul>里创建一个<li>标签。 代码： <ul id="app"> <li></li> </ul>3、引入vue.js。在<body>结束标签前面引入下载好的vue.js文件。4、创建vue实例。在引入的vue.js文件后面新...
vue文件怎么运行呢？下面就跟小编一起来看一看吧。1、首先，列出来我们需要的东西： node.js环境（npm包管理器）vue-cli 脚手架构建工具cnpm npm的TB镜像2、如果你是用vue-cli webpack builid之后， 放到web服务器，访问index.html就可以运行了。3、常见的web服务器有tomcat，nginx等。 推荐使用nginx。4、在项目目录中，运行命令 npm run dev ，会用热加载的方式运行我们的应用，热加载可以让我们在修改完代码后不用手动刷新浏...
不知道大家每次新建组件的时候，是不是都要创建一个目录，然后新增一个.vue文件，然后写template、script、style这些东西，如果是公共组件，是不是还要新建一个index.js用来导出vue组件、虽然有vscode有代码片段能实现自动补全，但还是很麻烦，今天灵活运用scripts工作流，自动生成vue文件和目录。 实践步骤安装一下chalk，这个插件能让我们的控制台输出语句有各种颜色区分npm install chalk --save-dev yarn add chalk --save-de...