vue
关注
分享
扫一扫
文章平均质量分 57
东边的小山
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue生命周期和钩子函数的一些理解
vue生命周期简介咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。生命周期探究对于执行顺序和什么时候执行，看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="https://cdn.jsdelivr.转载 2020-12-03 17:32:04 · 226 阅读 · 0 评论 -
vue开源Element UI表单设计及代码生成器
1 可视化设计器设计器基于Element UI ，可通过点击或拖拽的方式设计基本表单， 设计器生成的代码可直接运行在基于 Element 的 vue 项目中。github仓库 https://github.com/JakHuang/form-generator 码云仓库https://gitee.com/mrhj/form-generator 演示地址https://mrhj.gitee.io/form-generator/#/2 特点可视化设计表单 一键生成原生的vue...转载 2020-12-03 16:25:45 · 1742 阅读 · 0 评论 -
vue easy ui vue-easytable 强大的 vuejs table 组件
软件简介vue-easytable介绍基于 vue2.x 的table组件API & 实例http://doc.huangsw.com/vue-easytable/app.html#/table功能 自适应，可以随着浏览器窗口改变自动适应 固定列，表头固定 默认支持列宽拖动 支持单个字段排序和多个字段排序 自定义列、自定义单元格样式 loading效果、自定义loading 等 自带分页组件 单元..转载 2020-11-29 14:29:46 · 2166 阅读 · 0 评论 -
VUE 图标管理
<template> <div> <Card> <tables ref="tables" editable searchable :border="false" size="small" search-place="top" v-model="stores.icon.data" :totalCount="store.原创 2020-11-26 20:10:38 · 1252 阅读 · 0 评论 -
net/c# Vue 接收json 把 Request Payload 转为实体对象
StreamReader sr = new StreamReader(HttpContext.Current.Request.InputStream); string responseStr = sr.ReadToEnd(); System.Web.Script.Serialization.JavaScriptSerializer js = new System.Web.Script.Serialization.JavaScriptSerializer(); ...原创 2020-11-25 16:09:49 · 892 阅读 · 0 评论 -
VUE 入门常见问题题库
1.[vue-router] Duplicate named routes definition说明路由命名的name属性重复 举 例 { path: ‘’, name: ‘menu’, redirect: ‘/rbac/menu’ }, 改正： { path: ‘’, name: ‘menu111’, redirect: ‘/rbac/menu’ },原创 2020-11-25 14:27:02 · 749 阅读 · 0 评论 -
VUE Router Error matched of undefined
exportfunctionresetRouter(){constnewRouter=createRouter()router.matcher=newRouter.matcher}加上exportdefaultrouter;原创 2020-11-19 15:41:56 · 1253 阅读 · 0 评论 -
解决vscode不显示代码提示
今天在使用vscode的时候，代码提示突然不见了。我先是在设置中更改了配置：接着搜索prevent，取消此项的勾选大部分人这样就成功了，但我这里还是显示不出来但是在html文件中是正常的这时候点击右下角的文件类型选择html类型，转换后再点击右下角的类型选择变为自动检测，这时候我的代码提示就能正常显示了...转载 2020-10-22 12:03:31 · 12242 阅读 · 1 评论 -
vue实现nav tabs标签页切换
1.页面组件tagsView.vue、scrollPane.vue<template> <div class="tags-view-container"> <scroll-pane class="tags-view-wrapper" ref="scrollPane" > <router-link ref="tag"转载 2020-07-13 10:13:38 · 2579 阅读 · 1 评论 -
vue easy ui tabs 获取标签标题
console.log(e.target.innerText) <Tabs ref="tabs" :scrollable="true" :border="false" @tabSelect="onTabSelect($event)" @tabClose ="onTabClose($event)" @contextmenu.native.prevent="rightClick($event)"> <TabPanel v-..原创 2020-07-12 21:03:13 · 1085 阅读 · 0 评论 -
vue 如何让后台管理系统最后一个标签页不能被关闭?
如何让后台管理系统最后一个标签页不能被关闭?<template> <div id="tags-view-container" class="tags-view-container"> <scroll-pane ref="scrollPane" class="tags-view-wrapper"> <router-link v-for="tag in visitedViews" ref="tag"原创 2020-07-09 21:24:27 · 3122 阅读 · 0 评论 -
vue easy ui 获取TABS 选中的标题
this.$refs.tabs.getSelectedPanel().title<Tabs ref="tabs" :scrollable="true" :border="false" @tabClose ="onTabClose($event)" @contextmenu.native.prevent="rightClick($event,$event.title)"> <TabPanel v-for="(item, index) in t原创 2020-07-09 19:43:39 · 1080 阅读 · 0 评论 -
vue easy ui DataGrid CheckBox 全选事件
<DataGrid ref="dg" :data="locations" :pagination="true" :total="total" :pageSize="pageSize" ...原创 2020-07-09 18:41:40 · 1106 阅读 · 1 评论 -
vue easy ui tabs component 是否已经打开
<template> <div> <h2>Scrollable Tabs</h2> <Tabs :scrollable="true" style="width:600px;height:250px"> <TabPanel v-for="lang in languages" :key="lang" :title="lang" :closable="true"> <div style="padding:20.原创 2020-07-09 18:23:16 · 484 阅读 · 0 评论 -
Vue EasyUI tabs 弹出 Context Menu 菜单事件
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>EasyUI for Vue</title> <link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css"> <link rel=.原创 2020-07-09 18:19:47 · 798 阅读 · 0 评论 -
Vue EasyUI 的axios封装
一、下载和安装axiosnpm i axios二、创建http.js作用：环境切换，请求超时，请求拦截,响应拦截，post、get等不同请求方式的封装。//http.jsimport axios from axios;import QS from 'qs';// 引入qs模块，用来序列化post类型的数据，form-data数据类型// -环境的切换:开发、测试、生产if (process.env.NODE_ENV == 'development') { axios.d转载 2020-07-09 17:58:16 · 569 阅读 · 0 评论 -
Vue EasyUI Vuex 用法介绍
问题1：路由传参用params或query，若参数过多，会导致400；问题2：兄弟组件传值；问题3：不同组件使用同一组数据时，避免向后台重复请求。一、下载 :npm install vuex --save二、注册vuex方案一：vuex的数据少//main.jsimport Vue from vue;import Vuex from 'vuex';Vue.use( Vuex );const store = new Vuex.Store({ //待添加})new Vue转载 2020-07-09 17:53:31 · 764 阅读 · 0 评论 -
Vue EasyUI --Form(基本表单)
Form(基本表单)1.用法<Form ref="form" :model="user" :rules="rules" @validate="errors=$event"> <div style="margin-bottom:20px"> <Label for="name" align="top">Name:</Label> <TextBox inputId="name" name="name" v-model="user.转载 2020-07-09 17:50:35 · 617 阅读 · 0 评论 -
Vue EasyUI Messager(消息窗口)
1.属性名称 类型 描述 默认 ok string 确定按钮文本。 Ok cancel string 取消按钮文本。 Cancel title string 消息标题。 msg string 要在对话框中显示的消息。 icon string 要在对话框上显示的图标类。 2.方法//alert示例代码：this.$messager.alert({ tit...转载 2020-07-09 17:47:05 · 644 阅读 · 0 评论 -
Vue 作者尤雨溪，引路中国程序开发
image我采访了尤雨溪，著名渐进式 JavaScript 框架 vuejs.org 的创造者。尤雨溪现通过 Patreon 平台众筹全职开发 Vue 的资金。他还曾在 Google 和 Meteor 工作过。这篇文章 最初 发布在 Between the Wires，这是一个采访系列，专门采访那些为程序员开发产品的人。和我们讲讲你的童年和你的家乡吧好的，我出生在中国，我的家乡叫无锡，一个中等规模的城市，离上海很近。然后我在上海念了三年高中，因此经常两地来回跑。高中毕业后我去了美国念大学..转载 2020-07-09 15:32:10 · 10966 阅读 · 0 评论 -
vue getQueryParam
export function getQueryParam (parameName) { /// 获取地址栏指定参数的值 /// <param name="parameName">参数名</param> // 获取url中跟在问号后面的部分 var parames = window.location.search // 检测参数是否存在 if (parames.indexOf(parameName) > -1) { var parameValu.原创 2020-06-30 10:48:21 · 1138 阅读 · 0 评论 -
vue项目可视化管理之（vue ui）
@vue/cli3.0增加一个可视化项目管理工具，全局安装完成cli3.0之后，可以直接在cmd输入命令：vue ui启动即可，地址默认是localhost:8000可以通过那牛导入你的vue项目进行管理，也可以通过创建按钮进行可视化创建一个新的vue项目。还可以查看运行依赖和开发依赖的以及在线安装和更新依赖，非常方便任务按钮下，你可以运行项目、打包项目，检查等操作。...原创 2020-06-18 16:22:22 · 1569 阅读 · 0 评论 -
Vue EasyUI 后台框架 二
npm install vx-easyui --saveimport 'vx-easyui/dist/themes/default/easyui.css';import 'vx-easyui/dist/themes/icon.css';import 'vx-easyui/dist/themes/vue.css';import EasyUI from 'vx-easyui';Vue.use(EasyUI);npm install font-awesome --savenpm inst..原创 2020-06-18 13:55:20 · 2012 阅读 · 4 评论 -
vue单独文件书写CSS样式-使用less书写VUE CSS样式
安装及使用步骤如下：npm install less-loader@4.1.0 --save常见版本比较低报错：Module build failed: TypeError: loaderContext.getResolve is not a function请更新最新版本即可安装及使用步骤如下：1、安装【npm install less-loader@4.1.0 --save】2、在【build】文件下的【webpack.base.conf.js】文件中【rules】中加入.原创 2020-06-17 22:12:57 · 1294 阅读 · 1 评论 -
Vue 开发读书笔记
1.node.js安装成功后在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口，输入node -v和npm -v即可显示当前安装的版本号，即表示安装成功2.安装cnpmnpm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待。3.安装vue-cli命令:npm install -g vue-cli4.创建第一个Vue.js项目命令行中输入：vue init webpack my-first-demo(.原创 2020-06-10 23:32:51 · 562 阅读 · 0 评论 -
Vue EasyUI 后台管理系统
<template> <Layout style=" margin:-8px;" :border="false" > <LayoutPanel region="north" style="background: #1e282c;background: linear-gradient(to right, #3859e5, #23268e);heigh...原创 2020-04-11 12:34:47 · 2939 阅读 · 3 评论 -
vue+element-ui点击导航栏动态添加对应的tabs，并可删除
一、静态数据二、动态数据（加载public的本地json）后端管理系统，需要添加tabs需要，所以，使用vue做了一个动态添加tabs和删除tabs的功能。最后的效果图：![在这里插入图片描述](https://img-blog.csdnimg.cn/20200311161712356.gif实现功能步骤：1.明确需求，听过elementUI官方例子生成一个NavelementUI...转载 2020-04-11 08:41:07 · 8375 阅读 · 5 评论 -
VUE JSON数组，JSON对象，数组的区别
一、JSON 语法规则：JSON 是存储和交换文本信息的语法在开发过程中，经常需要和别的系统交换数据，数据交换的格式有XML、JSON等，JSON作为一个轻量级的数据格式比xml效率要高，XML需要很多的标签，这无疑占据了网络流量。1、JSON可以有两种格式一种是对象格式的：{"name":"JSON","address":"北京市西城区","age":25}//JSON...转载 2020-04-11 07:38:58 · 6552 阅读 · 0 评论 -
vue-cli关闭eslint及配置eslint
有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，有点烦人了。我们可以在创建工程的时候选择不要安装eslint。就是在安装工程的时候，出现【Use ESLint to lint your code?】时选择【No】即可。如果你已经安装过了，我们可以直接关闭它。关闭eslint的方法：1.项目根目录 --->...原创 2020-04-11 00:23:03 · 1682 阅读 · 0 评论 -
Vue EasyUI DataGrid Template 入门
<template> <div> <h2>DataGrid Template</h2> <DataGrid :data="data" style="height:250px"> <GridColumn field="itemid" title="Item ID"></GridColumn> ...原创 2020-04-10 21:48:40 · 1173 阅读 · 0 评论 -
Vue EasyUI 入门
安装步骤1. 使用NPM进行安装。npm install vx-easyui --save2. 引入 EasyUI 文件.EasyUI JS文件导入.import 'vx-easyui/dist/themes/default/easyui.css';import 'vx-easyui/dist/themes/icon.css';import 'vx-easyui/dis...原创 2020-04-10 21:41:39 · 2512 阅读 · 1 评论 -
微信强制请缓存和授权登录，vue框架
import store from './vuex/store'import cookie from './libs/cookie'// 路由预先判断router.beforeEach((to, from, next) => { // 首先判断是否已有用户登录信息userInfo if (store.state.user.info) { next() } else { //...转载 2018-03-30 20:50:32 · 6149 阅读 · 0 评论 -
Vue2.0缓存
最近在做一个手机端的网站，遇到页面的缓存问题，自己由于经验不足，走了弯路。由于有些页面需要缓存，有些页面不需要。所以用全局缓存是不行的，必须要使用单页面的缓存。 单页面缓存 本案列适用于跳转到下一页然后回到当前页时需要显示第一次进入本页的信息。 1.在index.js配置路由的文件中设置：export default new Router( routes: [ { ...转载 2018-03-30 20:55:31 · 498 阅读 · 0 评论 -
php vue.js实现微信开放平台扫码登录
1、首先到微信开放平台申请https://open.weixin.qq.com/ 获取到appid和APPSECRET，前台显示页面如下<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> </head&a转载 2018-03-30 21:05:25 · 2597 阅读 · 0 评论 -
微信支付提示：同一笔交易不能多次提交
微信支付API上说明：OUT_TRADE_NO_USED商户订单号重复同一笔交易不能多次提交请核实商户订单号是否重复提交测试的时候先用微信支付得到预支付id，取消当前支付，再次付款的时候就会提示：“订单号重复”网上搜了一下，大概共有三种解决办法：1、既然是订单号重复，那么再次付款的时候重新生成订单号就好了，但是很多时候一旦数据入库了就已经板上钉钉了，那么就有人想到既然不能动订单，那就建立第三表订单...转载 2018-03-31 12:35:08 · 2701 阅读 · 0 评论 -
vue使用微信扫码登录的一点小总结
上个月用vue做一个管理台，后期登录改成了微信扫码登录。要说vue也是遇到了不小的困难，毕竟以前连js用的都不是很利索。不过今天想先写之前困扰了我好几天的微信登录。前期也参考了很多很多大神做的项目，但是由于本人才疏学浅所以有些地方免不了用一用自己的笨办法了，如果各位看官有什么更好的方法或者意见欢迎一起交流！！！在这里比较多的参考了这篇【点我】。啥都不说了，先上代码:[javascript] vie...转载 2018-03-26 21:06:50 · 10630 阅读 · 2 评论 -
使用vue开发微信公众号，解决微信缓存
1.页面加入标红的代码，让页面不缓存<!DOCTYPE html><html manifest="IGNORE.manifest"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=原创 2018-03-26 21:23:51 · 7918 阅读 · 0 评论 -
vue项目打包后打开空白解决办法
vue项目打包后一片空白解决办法网上很多说自己的VUE项目通过Webpack打包生成的list文件，放到HBulider打包后，通过手机打开一片空白。这个主要原因是路径的问题。1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的。先看一下默认的路径。module.exports...转载 2018-04-14 22:38:30 · 3203 阅读 · 0 评论 -
vue-router history 模式 iis 配置
首先需要安装 url rewrite模块到IIS点我安装然后在web.config文件中添加如下配置<?xml version="1.0" encoding="UTF-8"?><configuration> <system.webServer> <rewrite> <rules>转载 2018-04-15 09:29:45 · 1766 阅读 · 0 评论 -
vuex 2.x新版使用指南
vuex为了迎合vue2.0的变化 进行了大量的调整和优化先看下尤大2.0的设计 传送门总结下大概有几点变化1. 更加语义化原文 Terms naming change for better semantics 这个语义化说的是触发action和mutation的API上在使用action的时候 我们一般是从vue组件本身dispatch派发一个action 这个其实只是一个命令 并没有实际改变什...转载 2018-04-15 09:55:32 · 679 阅读 · 0 评论