vue.js
关注
分享
扫一扫
能c能v
这个作者很懒，什么都没留下…
展开
-
Vue,React 打包上线去除 打印日志 console.log 等...
1.Vue插件安装：npm install babel-plugin-transform-remove-console --save-dev使用：babel.config.js// 项目在发布时需要用到的babel插件数组const proPlugins = [];// 如果当前是生产环境，则使用去掉console的插件if (process.env.NODE_ENV === 'production') { proPlugins.push('transform-remove-consol原创 2021-03-29 16:19:02 · 1322 阅读 · 0 评论 -
vue+echarts 实现（显示）中国地图 Component series.XXX not exists
1. 安装较低版本npm install echarts@4.9.0 千万注意 。echarts 的图形组件是按需加载，不是importechartsfrom"echarts" 就可以。加载echarts 相关模块（提示缺什么就加载什么组件即可）main.jsimportechartsfrom"echarts/lib/echarts";import'echarts/lib/chart/map'import'echarts/lib/chart/scatte...原创 2021-01-29 09:49:42 · 1057 阅读 · 0 评论 -
vue.js 父组件异步传值给子组件 数据 undefined
1.父组件2.子组件watch 一下在赋值即可。原创 2020-09-25 17:08:32 · 1314 阅读 · 0 评论 -
vue.js 模拟九宫格抽奖效果
<template> <div class="box"> <div class="draw-box"> <div class="draw-item" v-for="(item,index) in 8" :key="index" :class="['draw'+index,{'active':index===idx}]">奖品{{index+1}}</div> <div class="draw-start" @click=".原创 2020-07-25 15:37:05 · 325 阅读 · 2 评论 -
vue.js 项目中使用wangeditor 富文本编辑器
1. npm i wangeditor -S---title: Vue使用wangeditor富文本编辑器date: 2020-06-30 11:22publish: truecategories: - 前端开发tags: - Vue.js---## 1.wangEditor编辑器 wangEditor —— 轻量级 web 富文本编辑器，配置方便，使用简单。支持 IE10+ 浏览器>官网 [wangeditor](http://www.wangeditor.com/原创 2020-06-30 11:36:07 · 868 阅读 · 0 评论 -
elmentUI+vue（FormData） 同一个接口提交表单数据和图片
1.不使用FormData提交。2.思路有两个接口，一个是图片接口，一个是表单数据接口，选择图片的时候让图片自动上传（auto-upload=‘真’），在后台使用formidable接收，解析图片名称将其返回（记得引入formidable），前端在on-success绑定的函数下接收返回数据。// 商品图片 uploadImg(req, res) { let form ...原创 2020-04-01 16:52:10 · 1559 阅读 · 0 评论 -
vue 在 main.js 引入less 文件报错解决
1.2.加入javascriptEnabled: true // <- enable this option原创 2020-03-18 17:10:05 · 1513 阅读 · 1 评论 -
Vue proxyTable 设置代理 请求数据
1.设置proxyTable proxyTable: { '/api': { target: 'http://127.0.0.1:3000', changeOrigin: true, pathRewrite: { '^/api': '/' } },...原创 2020-03-18 10:22:53 · 806 阅读 · 0 评论 -
vue 解决前端多次点击相同路由 Navigating to current location ("/XXX") is not allowed 问题。
1.vue-router改到3.0npm i vue-router@3.0 -S，亲测，完美解决原创 2019-11-28 21:35:06 · 634 阅读 · 0 评论 -
vue.js修改第三方组件（elementUI）样式 ,穿透修改样式
1.外层类 >>> 第三方（类名）{ 样式} .login >>> .el-input__inner { border: 1px solid transparent !important; background: transparent; color: white; border-bottom: 1px s...原创 2019-11-18 17:12:25 · 4982 阅读 · 0 评论 -
vue.js+elementUI+node.js 后台实现分页
1.前端页面（贴图），点击页码按钮，会获取相应的页码（val）,然后将页码（val）传给getdpData(),其接受两个参数，分贝是页码（currentPage）和显示条数（pageSize）,将这个两个数据作为请求参数提交到后台进行分页处理。2.后台处理分页（贴图），首先设置默认页码为1，默认显示条数为5，做完一些逻辑操作之后，将获取的参数传给dplist(),...原创 2019-11-14 22:13:16 · 796 阅读 · 1 评论 -
vue.js+elementUI 列表实现分页 翻页 ，el-pagination组件的使用。
1.简单介绍slice(start,end) 可以理解为在一个列表中，从第几个（start）开始，到第几个（end）结束翻页组件：<div> <el-pagination layout="sizes, prev, pager, next" :background="background" :current-page="currentPage" :pa...原创 2019-11-13 13:10:27 · 2827 阅读 · 0 评论 -
vue computed属性 实现input实时搜索，边输入边搜索功能
1.主要涉及computed属性这是模板内容，在input绑定一个v-model，提供参考声明一个计算属性computed，将changeValue 绑定到input上，其中getValue()为axios 请求方法。里面接收来自input框的值也就是我们绑定的v-model=“input”，值为this.input。computed: { chan...原创 2019-11-13 12:51:30 · 3742 阅读 · 1 评论 -
vue+element-ui+axios 提交数据给后台（坑）
1.相信你们的准备工作都做好啦，就差提交数据啦。我们直接说提交数据，axios 提交数据和ajax 差别不大，只是在参数提交形式上有点区别，ajax提交的数据放在 data:{}中，而axios 提交的数据需要放在 params{}中。具体如下。import axios from "axios"; methods: { getForm() { this.dia...原创 2019-11-08 08:55:28 · 2756 阅读 · 1 评论 -
vue.js 实现搜索，添加，删除，id自增。
1.知识点，computed 计算属性，filter过滤器，返回每一项。，macth在返回的item中匹配一个或多个值。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, i...原创 2019-11-05 11:32:57 · 3244 阅读 · 0 评论 -
npm 安装vue.js
1.安装vue-clinpm i vue-cli -g最后输入 vue -V 查看是否安装成功（大写的V）2.创建一个vue工程,使用命令 vue init webpack my-project（这是你的工程名，可更改）,创建过程有点long，耐心等待……vue init webpack my-project最后创建出来有这么一堆3.测试cd ...原创 2019-11-04 17:21:30 · 149 阅读 · 0 评论 -
vue.js node+express+mysql 简单的数据请求渲染到页面上，vue.js vue-resource 插件数据渲染
1.vue-resource请求数据 vue-resource请求数据方式是官方提供的一个插件,通过npm install vue-resource --save或者cnpm install vue-resource --save进行安装，也可以通过在线引入的方式使用vue-resource，引用方式如下。<script src="https://cdn.bootcs...原创 2019-11-02 11:23:23 · 1075 阅读 · 1 评论 -
vue小案例 ，vue 简单实现购物车功能，vue入门小案例
1.主要是用了computed计算属性，sum的变化依赖goods，页面初始化就可以实现sum的计算。2.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initia...原创 2019-10-31 15:19:47 · 391 阅读 · 0 评论