Vue 跳转路由并在新窗口弹出methods: {beforeInquiry () {const { href } = this.$router.resolve({name:‘consult‘});window.open(href, ‘_blank‘);}, } 原文：https://www.cnblogs.com/rabbit-lin0903/p/12667311.html
compoent引入组件1.先写好子组件x.vue，需要从父组件传变量到子组件；在子组件里写：props：[‘xx‘]；为变量，用法{{xx}}即可；2.在全局样式里引用组件import X from ‘./components/x.vue‘;Vue.compoent(‘X‘,X);3.在你需要引用的vue页面里引用组件即可，如<x xx="sss"></x>就好原文：https://www.cnblogs.com/ssszjh/p/9563260.html
npm：是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。比如常用的有：1）允许用户从NPM服务器下载别人编写的第三方包到本地使用。2）允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。3）允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 首先：先从nodejs.org中下载nodejs 如图，下载8.9.3LTS（推荐给绝大部分用户使用的）双击安装 一直Next 可以使用默认路径...
注意data数据里面一定要定义TimeoutTimeout:Function,//定时器 methods里面 moseovefalse(){//定时器的方法 var that=this; that.show=false; }, mouseomov(){//延迟二秒执行 var that=this; that.Timeout=setTimeout(that.moseovefalse,2000) },//清除定时器，下面这行代码哪里需要放到哪里就行clearTimeout(that.Timeout); 原文：https://www.cnblogs.com/uniapp/p/12695558.html
在最近做的vue项目中,使用了webpack打包工具,以前在做项目中测试环境和生产环境的接口地址都是一样的,由于现在接口地址不一样,需要在项目打包的时候手动切换不同的地址,有时候忘记切换就要重新打包,来回很是麻烦,今天网上翻看到一个很好的方法可以解决这个问题,也是由于对webpack工具不是很了解,其实这个工具已经提供了解决方案.参考网站:http://blog.csdn.net/gebitan505/article/details/58166055;在config文件夹里面有三个js文件...
自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念，但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展，不仅可用于定义任何的DOM操作，并且是可复用的。在vue中，除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。有的情况下，对普通 DOM 元素进行底层操作，这时候就会用到自定义指令下面定义了一个v-test指令绑定数据name：<template><div class="hello"><div v-test=‘na...
悬浮效果hover: 就是鼠标放上去以及离开时产生的变化。 vue 中有两个属性分别为 onmouseover onmouseout 我们可以利用这两个属性来达成我们所需要的效果： 代码如下以上代码为微信图标默认为灰色图片,当鼠标移动至上面讲替换领一张图片，为绿色。原文：https://www.cnblogs.com/httpL/p/8979327.html
问题：在使用布局flex布局，左侧菜单栏占200px，右边flex在右边使用iview中table组件预期结果：table出现滚动条实际结果：页面被撑开问题查找：发现右边有使用width：calc（）解决办法：width:0原因：破坏了弹性布局flex:1欢迎阅读：https://www.cnblogs.com/tylz/p/10538796.html 原文：https://www.cnblogs.com/tylz/p/11686877.html
使用v-model实现双向绑定，负责监听用户输入的数据与更，v-model会忽略表单的value、select、check特性的初始值，因此需要在data中配置一个message来展示普通文本：复选框：下拉列表框： 原文：https://www.cnblogs.com/chll/p/13030423.html
开发前端时，需要导出表格数据，这里提供一段纯前端导出excel，不需要后端接口支持。 该代码特点：所见即所得，前端展示什么样，导出的表格内容就是什么样。支持多工作簿，可以一次导出同页面的多份数据。缺点：如果数据有后端分页，请不要使用。 <script> import FileSaver from "file-saver" import XLSX from "xlsx"exportExcel() {/*获取表格数据 */var wb = XLSX.utils.book_new()var centers = XLSX.utils.table_to_sheet...
1,了解到前后端分离2,连接到vuejs3,搜集书籍: Vuejs前端开发基础与项目实战 (https://detail.tmall.com/item.htm?spm=a230r.1.14.107.69f576cbNVFOKX&id=615635648880&ns=1&abbucket=20) 这书在淘宝上看到,其中项目实战篇很详细. Vue.js实战:这一本在网上有pdf下载.4,搜集教学视频5,搜集博客讲解6,基于vuejs的项目,其中有一个是基于"什么值得买"https://www.jianshu.com/p/b396c86e48907,菜鸟上的vuejs讲解过于简单,不...
今天使用webpack-sample初始一个vue-cli项目，在app.vue文件中添加了个钩子函数ready，可是ready内的事件一直不执行，检查了webpack文件和package.json也没发现什么问题，浏览器也没报错或者提示，很令人捉急。然后去github看了webpack-simple源码，才发现原来vue init webpack-simple默认安装的vue是2.0版本。马上推测到是不是因为vue2.0废弃了ready的用法，果然不出所料，我真是太机智了。看了下vue2.0的英文的英文文档，发现相对...
本篇和大家分享的是学习Vuejs的总结和调用webapi的一个小示例；快到年底了争取和大家多分享点东西，希望能对各位有所帮助；本章内容希望大家喜欢，也希望各位多多扫码支持和推荐谢谢： ? Vuejs - 学习大杂烩? WebApi + Vue.js 示例 下面一步一个脚印的来分享：? Vuejs - 学习大杂烩首先，咋们要学习一个js框架，那么肯定要引入该框架的基础库，这里我创建一个页面并且引用官网的库是： <script src="https://unpkg.com/vue/dist/vu...
vue的富文本的编译器第一步：安装依赖npm install vue-quill-editor --save第二步：在vue中引入，也可以在全局引入import {quillEditor} from‘vue-quill-editor‘ import ‘quill/dist/quill.core.css‘ import ‘quill/dist/quill.snow.css‘ import ‘quill/dist/quill.bubble.css‘第三步：使用components:{quillEditor},// 页面 <el-card style="height: 610px;"><quill-editor v-model="content"ref="myQuillEditor" style="...
<img :src="src" alt @error="handleError" /> methods: {handleError(e) {e.target.src = require("@/assets/img/default.png");}} 原文：https://www.cnblogs.com/ruthless/p/14778063.html