Vue使用input上传图片，没有提交按钮，用于修改头像。代码参考互联网： <input @change="upAvatar" name="files" accept="image/*" type="file">  // 上传头像 upAvatar: function(e) {   let that = this;   let file…

表单验证那里跟着element文档报错。。。 主要在 this.$refs[formName].validate() 这里报错，我打印了下this.$refs看看里面有什么，结果是这样的： 先上代码看看： <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class='form'…

插件官网：https://www.npmjs.com/package/vue-clipboard2 使用vue-clipboard2插件，首先安装插件： npm install --save vue-clipboard2 对于vue-cli用户： import Vue import VueClipboard from 'vue-clipboard2…

在已经安装好 nuxt.js 中，先npm安装Element UI ： npm i element-ui -S 再安装Element UI按需加载的一个依赖（全局引入不需要安装此插件）： npm install babel-plugin-component -D 然后配置nuxt.config.js文件： vender:[   'element-u…

首先在 /config/index.js 中配置 proxyTable ， proxyTable: {           '/api': {             target: 'https://hcode.xyz',             changeOrigin: true,             pathRewrite: {    …

安装 vue-wechat-title 插件， npm install vue-wechat-title --save 在main.js 中， Vue.use(require('vue-wechat-title')) 路由定义(只截取一部分)： // ... const routes = [   {     name: 'Home',     pa…

在Vue或者小程序中经常用到单选或者多选点击变色的事件，Vue和小程序都是数据for遍历出来的，不能和普通那样设置点击事件更改样式，按照之前那样会全部都变色了。 在Vue或小程序中利用元素的id的不同来判断给哪个添加样式。 在Vue中 <div id="app">         <h1>Vue中制作单选、多选点击变色教程&…

这里使用的Vue的方式是<script src="Vue.min.js"></script>直接引入的。 <div>     <ul>         <!-- 把allArr数组遍历到item中，v-for循环 -->         <li v-for="item in allA…

在使用vue开发时，vue的数据绑定和数据处理方面用的很爽，但是在UI框架方面的东西就少了很多了。其实Vue的ui框架也挺多的，比如element，iview等基于vue的UI框架，对于其他的传统UI框架来说，其中的js组件就少了很多了。对于初学者来说还是使用UI框架来开发速度比较快点，还有些滚动监听、页面动画效果等在Vue中比较麻烦的，要熟悉Vu…

最近用vue做一个项目，刚开始没想到后台用的微擎，不能前后端完全独立。而且 index.html 页面放在template文件夹中，而静态的css和js等文件则放在 /addons/business/static  中，webpack默认打包出来js中的路径则是 /static 。 打包出来的文件又不能修改，导致项目中调用的静态文件总是404。既然…

1、通过npm安装jQuery组件： npm i jquery --save 2、在 build/webpack.base.conf.js 里加入: const webpack = require("webpack") module.exports = {    // 其他代码...    resolve: {       extensions: …