frontend
关注
分享
扫一扫
xp5xp6
这个作者很懒，什么都没留下…
展开
-
vue.js+flask+element-ui简易Demo 气势的信心
vue.js+flask+element-ui简易Demo气势的信心计算机/健身爱好者10 人赞了该文章最近工作中用到Vue.js加上一直在用的Flask,所以准备写个小小的demo巩固下。ps：之前一直用unpkg的各种包，发现会出问题，所以demo中将所有需要用到的js包放在本地当中。项目使用到Flask+flask_jsglue+vue.js+element-ui...转载 2019-01-10 15:41:31 · 5364 阅读 · 0 评论 -
Vue实战（六）通用Table组件
本文是Vue实战系列的第六篇文章，主要介绍Falcon项目中通用 Table 组件的开发和使用 。Falcon项目地址：https://github.com/thierryxing/Falcon通用 Table 组件 TableBox随着业务的发展和功能的增多，我们发现不少页面都具备相似的功能，这里举几个比较俗的例子：可以多选的下拉菜单，带输入的对话框，日期选择器等等，于是我们会想办法将这...转载 2019-01-25 11:15:51 · 1391 阅读 · 0 评论 -
vue实现简单表格组件
本来想这一周做一个关于vuex的总结的，但是由于朋友反应说还不知道如何用vue去写一个组件，所以在此写写一篇文章来说明下如何去写vue页面或者组件。vue的核心思想就是组件，什么是组件呢？按照我的理解组件就是装配页面的零件，比如一辆车有大大小小许多零件组成，那么同样的一个页面，也是有许多组件构成的比如说头部组件 按钮组件等等，vue三大核心组件 路由 状态管理，路由控制页面的渲染，页面由组件组成，...转载 2019-01-25 11:16:55 · 555 阅读 · 0 评论 -
axios Post无法传递数据的解决方案
这几天在处理移动端的新项目，新项目使用的是Vue2搭建的，ajax方面自然用了大名鼎鼎的axios来处理，但是使用过程中却出现了一些问题，导致后端接受不到前端传过去的数据。这里就此问题罗列一下自己的解决方案，以供参考。先上代码（请求方式封装了一层）： const params = { phone: '13000000000', veriFyCode: '123456' } ...转载 2019-01-21 14:15:41 · 1902 阅读 · 0 评论 -
axios使用post请求服务端不能获取参数的解决方法
项目中使用到axios作为ajax请求插件，用到post请求是常见的，诸如以下场景的一个普通的post请求：export function listManage(params) { return request({ url: "http://xxx/QueryOrder/QueryOrderList", method: 'post', params:...转载 2019-01-26 11:46:14 · 485 阅读 · 0 评论 -
vue2.0项目实战（3）使用axios发送请求
在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。关于为什么放弃推荐? -> 尤大原话最近团队讨论了一下，Ajax 本身跟 Vue 并没有什么需要特别整合的地方，使用 fetch polyfill 或是 axios、superagent 等等都可以起到同等的效果，vu...转载 2019-01-26 16:01:56 · 314 阅读 · 0 评论 -
vue+axios中的get请求传参，post请求头（form/json）不一样的传参的处理
<script>需要引入import axios from 'axios'import Qs from 'qs'（如果只是get请求就不需要引qs）1.正常get请求： var params = { pageindex: _this.currentPage1-1, pagesize: _this.curPageSize1, ...转载 2019-01-26 16:05:38 · 2883 阅读 · 0 评论 -
ul 无序列表 设计导航栏 + 去掉黑点 + a标签去掉下划线
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>css 无序列表 导航&am转载 2019-01-16 10:47:42 · 7019 阅读 · 0 评论 -
vue 2.0项目 favicon.ico不显示 解决方案
1、最好把favicon.ico放到 index.html放到同一目录2、在webpack 配置文件里面配置// 在webpack.dev.conf.js 里面的 plugins配置new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true, f...转载 2019-01-26 17:34:15 · 2028 阅读 · 0 评论 -
vue 下配置标题栏 title 图标及文字的具体步骤
1 . 将图片.ico 文件放在项目根目录下这里写图片描述2 . 在 index.html 页面上配置图标及文字在项目的index.html 中：<head> <title>标题栏文字</title> <link rel="icon" href="./favicon.ico" type="image/x-icon"&g转载 2019-01-26 18:06:50 · 1026 阅读 · 0 评论 -
vue 使用axios发送的请求使用md5加密
之前使用axios发送请求都是直接发送，没有加入任何加密方式，但是这种情况其实是不安全的，最近项目要求使用md5进行加密。在项目根目录下面安装md5npm install --save js-md512 .在main.js里面引入md5import md5 from 'js-md5';Vue.prototype.$md5 = md5123.直接在要使用的地方写入 ...原创 2019-01-27 11:18:57 · 455 阅读 · 0 评论 -
关于token
前提：因为公司使用vue带token是在参数里面，看别人代码时写在header里面，记录一下1. axios中request拦截器中统一在headers携带tokenconst service = axios.create({ baseURL: process.env.BASE_API, // api的base_url timeout: 5000 // 请求超时时间}) //...转载 2019-01-27 16:49:17 · 317 阅读 · 0 评论 -
如何在vue项目中使用md5加密
npm安装：npm install --save js-md51.在需要使用的项目文件中引入：import md5 from 'js-md5';使用：md5('holle') // bcecb35d0a12baad472fbe0392bcc043 2.或者在main.js文件中将md5转换成vue原型： import md5 from 'js-md5';...转载 2019-01-28 20:54:26 · 349 阅读 · 0 评论 -
vue 可用于交互的表格
<template> <!--表单的增删和修改--> <div class="hello"> <table> <caption>麻将</caption> <thead> <tr> <th转载 2019-02-22 16:04:05 · 200 阅读 · 0 评论 -
如何使用vue使同一个弹窗同时能实现添加和编辑
怎么样安装node环境和构建vue项目这里我就不详细说明了。在node和vue的官方文档里都能找得到首先看一下我这个demo是什么样的在这个demo里面，新增和编辑这两个按钮使用的是同一个弹窗首先，这里有两个问题第一：编辑所在的这个组件和新增所在的这个组件这是两个子组件，怎么让编辑和新增同时使用一个弹窗第二：点击弹窗的确定按钮的时候怎么判断是新增的还是编辑的咱们先来解决第一...转载 2019-02-22 16:04:41 · 1506 阅读 · 0 评论 -
Vue2.0+ElementUI+PageHelper实现的表格分页
https://blog.csdn.net/u012907049/article/details/70237457/Vue2.0+ElementUI+PageHelper实现的表格分页前言最近做了一些前端的项目，要对表格进行一些分页显示。表格分页的方法有很多，从宏观上来说分为物理分页和逻辑分页，由于逻辑分页（即前端分页）的做法是将数据全部缓存，然后分页显示，这样在数据量较大的时候会对浏...转载 2019-02-27 14:38:05 · 367 阅读 · 0 评论 -
vue2.0实现分页组件
http://www.php361.com/index.php?c=index&a=view&id=4671http://www.yanglajiao.com/article/sinat_36422236/79474987最近使用vue2.0重构项目, 需要实现一个分页的表格, 没有找到合适的分页组件, 就自己写了一个, 效果如下:该项目是使用 vue-cli搭建的...转载 2019-02-27 16:51:56 · 349 阅读 · 0 评论 -
基于Vue.js的表格分页组件
转载自 基于Vue.js的表格分页组件有一段时间没更新文章了，主要是因为自己一直在忙着学习新的东西而忘记分享了，实在惭愧。这不，大半夜发文更一篇文章，分享一个自己编写的一个Vue的小组件，名叫BootPage。不了解Vue.js的童鞋可以移步我的上一篇文章《浅谈Vue.js》了解一下。 BootPage组件简介其实也不是啥高大上的组件了，相反确实一个简单的表格分页组件而已，主要...转载 2019-02-27 16:56:49 · 384 阅读 · 0 评论 -
vue 可用于交互的表格
原理：在普通表格增添input标签，使用v-model进行数据的绑定； <template> <!--表单的增删和修改--> <div class="hello"> <table> <caption>麻将</caption> <thead>转载 2019-01-25 10:46:39 · 218 阅读 · 0 评论 -
vue中使用base64和md5
https://www.cnblogs.com/ldlx-mars/p/7757792.html1.在项目根目录下安装cnpm install --save js-base64cnpm install --save js-md52.在项目文件中引入import md5 from 'js-md5';let Base64 = require('js-base64').Base...转载 2019-01-24 16:35:10 · 274 阅读 · 0 评论 -
黑加仑妞 使用vue+flask做全栈开发的全过程（实现前后端分离）
黑加仑妞 使用vue+flask做全栈开发的全过程（实现前后端分离）花了几天的时间终于在本地把前后端跑通了，以一篇博客记录我这几天的心酸。。。1、安装nodejs（自带npm,可能会出现版本错误，更新npm）2、npm在国内下载时，可能会慢，所以建议要安装淘宝镜像，命令如下npm install -g cnpm --registry=https://registry.npm...转载 2019-01-05 15:26:38 · 919 阅读 · 0 评论 -
使用 Vue.js 和 Flask 实现全栈单页面应用
原文链接： codeburst.io在本教程中，我将向大家展示如何使用前端的 Vue.js 单页面应用和后端的 Flask 进行交互。如果你只是想使用 Vue.js 库和 Flask 模板基本上是没什么问题的。但...好吧，其实还是有一个比较显而易见的问题：跟 Vue.js 一样，Jinji（模板引擎）也是使用双大括号来渲染页面，但已经有一个很好的解决方案 在这里 了。我想要一个跟...转载 2019-01-05 15:27:48 · 3504 阅读 · 1 评论 -
npm run build 出错 npm: 6.5.0-next.0 should be >= 3.0.0
打包遇到这个问题升级下就好了npm install -g npm但是，我尝试之后 查看npm当前版本npm -v显示的仍然是当前版本。npm 还有个命令是 update， 于是看了下官方文档：npm update [-g] [<pkg>...]于是尝试使用该命令：npm update -g npm之后仍然是无效。最后去 npm 的官网发现使用如下命令：npm ...转载 2019-01-05 15:45:00 · 2135 阅读 · 0 评论 -
用vue手脚架生成的项目直接修改时.vue文件后，保存编译就报一大堆的错，这是咋回事呢？
app.vue代码如下：<template> <div id="app"> <h1 v-text="title"></h1> <input v-model="newItem" @keyup.enter="addNew" />转载 2019-01-05 20:12:45 · 611 阅读 · 0 评论 -
Flask + Vue 搭建简易系统步骤总结
之前一段时间一直在学习 python，后来在项目中用 weex 时接触到了 vue.js，本来 python 是自己想学的一门脚本技术，weex 是项目需要，必须了解些 vue.js 方面的语法，所以为了加深对这两门技术的了解，一直在想怎么在实际项目中使用这些技术。刚好，团队中有一个分析App性能分析的需求，被分配统计Android 页面启动时间，针对本地调试，可以通过跑 python 脚本实现，...转载 2019-01-05 10:56:08 · 2115 阅读 · 1 评论 -
Ubuntu16.04安装最新版nodejs
刚买了阿里云的服务器ECS，特意拿来学习node环境部署的。 首先通过shell连接到服务器。使用超级管理员权限执行命令工具。 1，执行检查可更新的软件：sudo apt-get update 2，先用普通的apt工具安装低版本的node，然后再升级最新。sudo apt-get install nodejssudo apt install nodejs-legacysudo apt...转载 2019-01-05 10:54:07 · 338 阅读 · 0 评论 -
vue2 多页
https://segmentfault.com/u/cangduhttps://github.com/bailicangdu/vue2-managehttps://github.com/wdlhao/vue2-element-touzi-admin http://blog.gdfengshuo.com/example/work/#/dashboardhttps://www.jb51.n...原创 2019-01-11 16:29:27 · 201 阅读 · 0 评论 -
Vue 单页面应用 把公共组件放在 app.vue 但是我希望某个页面没有这些公共组件怎么办???(比如登陆页面)
<div class="all" v-if="$route.path!=='/login'" >Vue 单页面应用 把公共组件放在 app.vue 但是我希望某个页面没有这些公共组件怎么办(比如登陆页面)我做后台管理的项目 每个页面都有 导航栏 但是我希望 登陆页面只有一个背景色和一个登陆框 没有导航栏 那应该怎样设置呢???求教关注 | 9 收藏 评论 ...转载 2019-01-13 19:43:32 · 5299 阅读 · 1 评论 -
vue-cli入门（四）——vue-resource登录注册实例
前言使用vue-resource请求接口非常方便，在使用前需安装vue-resource依赖并在入口文件main.js中声明。实例功能简述本实例只有简单的两个模块：登录和注册，主要演示如何用vue-resource请求接口以及后期逻辑书写。各个功能如下所示：登录模块登录-用户不存在登录-密码错误登录-成功注销登录注册模块注册项目功能梳理...转载 2019-01-13 20:40:32 · 550 阅读 · 0 评论 -
vue微信支付回到原界面不执行mounted里的内容
用this.$router.push({path:'/..'})跳转我故意用一个alert命令放在mounted里，不执行但是手动的页面跳转a.vue -> pay.vue ->a.vue则正常执行mounted请教这里是否有什么机制导致没有触发事件呢？太奇怪了，mounted里的alert不执行，其他代码执行，如果付款中取消付款，则正常执行alert关注 | 2 收藏...转载 2019-01-13 22:24:51 · 1533 阅读 · 1 评论 -
css中的大于号是什么意思 有何作用
css中的大于号是什么意思 有何作用.menu :hover > a {color:white; background-color:white ; font-weight:bold;}请详细介绍下大于号的作用 我来答分享举报浏览 6532 次2个回答#网友热议# 武汉现共享化妆间，你愿意尝试“58元45分钟的名牌化妆品间”吗？最佳答案匿名用户 201...转载 2019-01-14 14:58:52 · 2509 阅读 · 0 评论 -
Vue 2.0 + Vue Router + Vuex 后台管理系统的骨架
https://github.com/helloyoucan/ba用 Vue.js 2.x 与相配套的 Vue Router、Vuex 搭建了一个最基本的后台管理系统的骨架。当然先要安装 node.js（包括了 npm）、vue-cli项目结构如图所示：assets 中是静态资源，components 中是组件（以 .vue 为后缀名的文件），store 中是使用了 vuex ...转载 2019-01-14 14:59:44 · 420 阅读 · 0 评论 -
Vue二次封装axios为插件使用
照例先贴上 axios 的 gitHub 地址不管用什么方式获取数据，对于一个项目来说，代码一定要利于维护其次是一定要写的优美，因此加上一层封装是必要的vuejs2.0 已经不再维护 vue-resource，vuejs2.0 已经使用了 axios,这也是为什么我会转到 axios 的主要原因，废话不多说：基本的封装要求：统一 url 配置 统一 api 请求 request...转载 2019-01-24 16:08:31 · 218 阅读 · 0 评论 -
axios二次封装
涉及点： 1、axios官方文档（axios安装、请求拦截器、响应拦截器、axios请求配置选项） 2、promise使用 （resolve、reject、.then、.catch） 3、函数封装，全局使用本文封装理念：单独封装一个axios模块文件，并将其挂在至main.js中，供全局使用步骤1：npm安装axios至当前项目中，如下npm install axios --sav...转载 2019-01-24 16:09:04 · 719 阅读 · 0 评论 -
vue：axios二次封装，接口统一存放
https://www.jianshu.com/p/9077baa9d543一、基于框架：vue二、基于http库：axios三、基本用法： 1.通过node安装：npm install axios 2. 在项目目录的src文件夹下新建providers文件夹，在该文件夹内新建http-service.js文件，内容如下代码块：import axios from...转载 2019-01-24 16:09:46 · 511 阅读 · 0 评论 -
VUE2中axios的使用方法
一，安装 npm install axios二，在http.js中引入 import axios from 'axios';三，定义http request 拦截器，添加数据请求公用信息 1 axios.interceptors.request.use( 2 config => { 3 // const token = getCook...转载 2019-01-24 16:13:37 · 655 阅读 · 0 评论 -
vue中axios的封装
第一步还是先下载axioscnpm install axios -S 第二步建立一个htttp.jsimport axios from 'axios';import { Message } from 'element-ui';axios.defaults.timeout = 5000;axios.defaults.baseURL ='';//http requ...转载 2019-01-24 16:24:09 · 143 阅读 · 0 评论 -
vue2自定义分页组件，可设置每页显示数量，指定跳转具体页面
https://blog.csdn.net/yangwei282367751/article/details/82722840分页组件<template> <div> <div class="page-helper" v-if="showPageHelper"> <div class="page-list"> ...转载 2019-03-06 14:07:20 · 2310 阅读 · 0 评论