注册组件代码如下： // 设置自定义指令v-focus directives: {// focus指令名称 focus: {inserted(el) {el.focus()},},}, 以上我是按照之前教学视频进行注册的自定义指令，但是失效。运行之后可以试着打印下el，看下值是什么：截图： 通过截图可以看到返回的值是div，我们所以el并不是input而是他的父标签div。所以我们只需用querySelector获取到input再绑定即可。代码：// 设置局部指令v-focus directives: {// focus指令名称...
方法：降低sass-loader版本1.卸载当前项目中的sass-loadernpm uninstall sass-loader2.安装低版本sass-loadernpm install sass-loader@7.0.03.安装node-sassnpm install node-sass安装node-sass是因为安装低版本sass-loader需要引入node-sass依赖来支持，不然会报错 原文：https://www.cnblogs.com/xiaobaibubai/p/14776828.html
项目采用vue-cli3打包成app后,手机测试物理按键失效.经过百度查询相关资料最终实现的效果就是按返回键退回上一页，当退回到栈的第一页之后再按返回键才退出页面首先在新建一个js文件,我的路径是.\src\utils\back.js/* eslint-disable no-undef */ import Vue from ‘vue‘ import { Toast } from ‘vant‘Vue.use(Toast)document.addEventListener(‘plusready‘, function () {var webview = plus.webview.currentWebview()var fi...
网上的绝大部分教程解决vue+axios跨域问题都不能直接适用vue-cli3。这是因为vue-cli3不一样的配置方式导致的。如果是使用vue-cli3构建的项目，那么默认是没有config.js文件的。按照官方文档介绍，每个人可以通过在项目根目录下建立vue.config.js文件，配置属于自己的config文件。之后按照网上其他的解决axios跨域问题的方案实施即可。// vue.config.jsmodule.exports = { publicPath: ‘/‘, devServer: { proxy: { ...
新版本webpack生成的dev.server.js 在webpack.dev.conf.js中webpack.dev.conf.jsconst axios = require(‘axios‘) const express = require(‘express‘) const app = express() const apiRoutes = express.Router() app.use(‘/api‘, apiRoutes)然后找到devserver 这里可以配置路由devServer: {before (app) {app.get(‘/api/getDiscList‘, function (req, res) {res.json})}, 原文：https://www.cnblogs.com/luxiaoyao/p/8733...
工欲善其事必先利其器,安装所需环境node和npm的安装 首先需要安装node环境，直接到官网下载安装包 https://nodejs.org/zh-cn/ 安装node默认安装npm， 不需要重复安装npm。安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。下载dev-tool工具 为了以后调式做准备 https://github.com/vuejs/vue-devtools#vue-devtools安装全局vue-cli脚手架 npm install -g vue-cli 出现如下问题： npm ins...
问题描述使用@import引入外部css，作用域却是全局的<template></template><script>export default {name: "user"}; </script><!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped> @import "../static/css/user.css"; .user-content{background-color: #3982e5; } </style>Add "scoped" attribute to limit CSS to this component only这句话大家应该是见多了, 我也使用scoped, 但是使用@import引...
参考教程官方回复ESlint设置 rules: {'no-multiple-empty-lines': [1, {max: 3}], // 控制允许的最多的空行数量'vue/script-indent': ['error', 2, {baseIndent: 1}], // 控制js缩进},overrides: [{files: ['*.vue'],rules: {'indent': 'off'}}]WebStorm修改配置兼容File => Setting => Editor => Code Style => HTML 找到Do not indent children of 的选项，添加 script 标签就完美解决缩进问题。原文：https://www.cnblogs....
比如基于jquery的select2插件，在vue下单独用有很多问题，其实对于这类插件，可以用vue的自定义指令和组件来包装，解决冲突的问题。引用官方vue1.0和2.0的两个例子，学习一下。例子1.0 例子2.0原文：http://www.cnblogs.com/zhansu/p/6112837.html
由于没有跨域的接口，所以，用8080端口请求8081端口，来模拟跨域。跨域会出现下面报错。 1.找到config文件夹下index.js，在proxyTable对象里复制以下代码： proxyTable: {‘/apis‘: {// 测试环境target: ‘https://localhost:8081‘, // 接口域名changeOrigin: true, //是否跨域 pathRewrite: {‘^/apis‘: ‘‘ //需要rewrite重写的, } }}, 注意：【更改完这个配置文件后，需要重启项目】 2...
饿了么的对话框 https://element.eleme.cn/#/zh-CN/component/dialog 思路：直接获得dialog，然后强制加height见如下代码：<el-dialogref="elDialog"title="提示":visible.sync="dialogVisible"width="30%":before-close="handleClose"><span>这是一段信息</span><span slot="footer"class="dialog-footer"><el-button @click="dialogVisible = false">取 消</el-button><el-button type="primary" @click="dialogVisible = false"...
上周遇到这样一个问题，客户上传高清视频（1G以上）的时候上传失败。 一开始以为是session过期或者文件大小受系统限制，导致的错误。 查看了系统的配置文件没有看到文件大小限制， web.xml中seesiontimeout是30，我把它改成了120。 但还是不行，有时候10分钟就崩了。 同事说，可能是客户这里服务器网络波动导致网络连接断开，我觉得有点道理。 但是我在本地测试的时候发觉上传也失败，网络原因排除。 看了日志，错误为： java.lang...
需求：将页面中DIV内容块（包含svg流程节点）生成图片并直接下载到用户本地，并且不影响之前的svg图的使用实现：1、安装依赖cnpm install --save html2canvas cnpm install --save canvg@2.0.0-beta.1 canvas@^2 jsdom@^13 xmldom@^0 2、引入依赖import html2canvas from "html2canvas"; import canvg from "canvg"; 3、代码实现主要是两个问题SVG无法显示： 借助canvg将svg转canvas不能影响原有的元素显示：上一步会改变原有的dom...
引用vue-touch之后，页面里多了一个css属性 只要给这个元素一个新的CSS覆盖就行了。但写的时候发生一个小插曲，加了一个touch-action: pan-y!important;没起作用。后来发现原来是<v-touch v-on:swipeleft="getNext" v-on:swiperight="getPrev" tag="div" class="v-touch">在引用之后会变成<div>标签所以只需要给后面加一个class标识就可以了。class="v-touch" .v-touchtouch-action: pan-y!important;最后给一个CSS属性变OK了。 ...
用Vue做项目开发很久了，对于vuex能用、会用，但是因为状态脱离页面和刷新丢失两个原因，一直都有种抵触，特别是一些简单的数据都是通过query或者本地存储就解决了，然而对于一些复杂内容，不可避免的还是要使用Vuex去处理(真香)，但是刷新丢失的问题，的确叫人头大。最近闲下来，我们来研究下怎么干掉这个问题～不大了解Vuex的同学，可以先去官网溜溜由于Vuex的数据是存储在内存中的，相当于memory cache，当页面刷新的时候内存被...