Bnana博客

Windows RabbitMq 安装 使用教程简介消息中间件文章导读erlang 安装rabbit Mq 安装rabbit Mq 配置安装erlang 安装OTP 23.0 Windows 64位 下载地址下载完打开安装包 ——下一步安装rabbitMq 安装下一步安装查看 RabbitMq 是否安装成功环境变量 配置 配置环境变量新建 系统环境变量 -> 添加 RabbitMq 安装位置path 引入 RABBITMQ_SER.

Vue RabbitMq 使用教程实例文章简介WebSocker StompJs SockJs 关系http与websocket：http超文本传输协议，大家都非常熟悉，http有1.0、1.1、 2.0几个版本，从http1.1起，默认都开启了Keep-Alive，保持连接持续性，简单地说，当一个网页打开完成后，客户端和服务器之间用于传输http数据的TCP连接不会关闭，如果客户端再次访问这个服务器上的网页，会继续使用这一条已经建立的连接，这样就降低了资源的消耗优化性能，但是Keep-A..

Vue 解决 Bus 监听器 $on 多次执行 (详解)文章概览bus 监听执行一次方法一 beforeDestroy () { this.$bus.$off('method') }解析：组件销毁时 关闭 监听器缺点：存在 组件 被多个调用，销毁单个 组件时，其他调用者无法触发监听方法方法二this.$bus.$once('method')解析：相同监听方法只执行一次方法三create(){this.$bus.$off('method')..

Vue 实现改变当前点击Class 样式、改变多个点击Class样式 实例 解析文章概览1：改变当前点击class 样式2：改变多个点击class 样式一、改变当前点击Class样式实现思路：:class 动态判断样式实例template<template> <div> <ul v-for="(value,index) in values"> <li @click="cg_current_index(inde..

问题描述第一次点击 触发 bus.$emit bus.on 未及时响应问题原因bus.emit发送时bus.emit 发送时 bus.emit发送时bus.on 未加载问题解决使用 nextTick Dom 刷新后 发送var that=this that.$nextTick(function () { that.$bus.$emit('click', ‘message’) })延迟 bus.$emit 执行var that=this set.

Vue 解决 组件切换组件未销毁解决方法去掉 keep-alive<router-view keep-alive ></router-view>解析： keep-alive 保留 组件状态 不销毁去掉 keep-alive 不保留组件状态

Vue JavaScript moment 格式化日期 获取 开始日期、结束日期 格式化日期let start = new moment().format('YYYY-MM-DD'),;转换为时间戳let start = new Date(new moment().format('YYYY-MM-DD')); 获取 开始日期 结束日期方式一 let start=new moment().format('YYYY-MM') + '-01' ; let end: new..

错误Template execution failed: ReferenceError: BASE_URL is not definedReferenceError: BASE_URL is not defined解决替换 index.html替换前<link rel="icon" href="<%= BASE_URL %>favicon.ico">...

Vue SSR 服务器渲染 解决 SPA 单页面 SEO优化 问题构建步骤1. 创建nuxt 项目检查 npx // npm 5.2.0 以上版本默认包含 npx // 创建项目 npx create-nuxt-app project_nameChoose the package manager Yarn 需要安装 yarn 安装 yarnyarn 下载配置...

1. 官网下载代码ICONTFONT第一步：引入项目下面生成的 symbol 代码：<script src="./iconfont.js"></script>第二步：加入通用 CSS 代码（引入一次就行）控制大小 样式<style>.icon { width: 1em; height: 1em; vertical-align: -0....

vue 路由相同页面 页面不刷新问题 vue 路由 页面 vue 页面不刷新 vue watch函数方法 vue 解决页面不刷新 vue 路由同一页面参数不同页面不刷新问题

Vue Element UI el-tree 实例 tree-node默认选中节点 default-checked-keys:data 属性数据集show-checkbox 展示多选框:props 属性组件配置 getCheckedKeys 若节点可被选择（即`show-checkbox`为`true`），则返回目前被选中的节点的 key 所组成的数组 (leafOnly) 接收一个 boolean 类型的参数，若为`true`则仅返回被选中的叶子节点的 keys，默认值为`false`

vue element ui 表封装 Vue element ui table 表封装 el-table 封装教程 Vue element ui 表使用教程 vue element ui table 封装教程 element ui table 封装详细教程 vue 组件封装详细教程

Vue Element UI Table 组件封装 Vue Element UI Table 权限控制 Vue Element UI Table 权限教程 Vue Element UI Table 权限封装 Vue Element UI Table 自动生成 Vue Element UI Table 组件封装 教程 Vue Element UI Table Element Table 组件封装教程 Table 组件封装 Vue Table 封装 table 封装教程

Vue Element UI el-table 显示样式重叠(问题解决) element ui 问题解决 element ui el-table 样式显示问题 element ui el-table 样式覆盖问题 element ui el-table 样式问题 element ui el-table 表格显示问题 element ui el-table 表格样式重叠 叠加 问题 element ui el-table 样式叠加显示问题 解决 Vue Element UI 问题 解决

前端利器 一文读懂 Vue Element UI VeeValidate 全局 表单验证 封装 （详细教程 Vue 表单验证 Vue Element UI 表单 验证 Veevalidate 表单验证 表单验证解析 全局 表单验证封装 Vue 表单清空 Veevaliate 表单清空 veevalidate 3.2.5 veevalidate 自定义表单验证 Element UI 和 VeeValidate 表单验证对比veevalidate 常用表单验证规则 一篇读懂 veevalidate 使用方法

Vue 组件通信 实例 同级组件、兄弟组件、父子组件、子父组件 通信 实例（详解）同级组件 $emit $on 通信，兄弟组件 父子组件 propr $refs $children $parent 之间通信 $emit 它可以被 v-on 侦听 程序化的侦听器 同时使用不同的 组件 每个新的实例都程序化地在后期清理它自己$children 获取的是组件集合 $parent 属性可以用来从一个子组件访问父组件的实例。它提供了一种机会，可以在后期随时触达父级组件，以替代将数据以 prop 的方式传入子组

# npmnpm install vue bootstrap-vue bootstrap# yarnyarn add vue bootstrap-vue bootstrap导入 bootstrap icons图标插件组件 import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'//可选地安装BootstrapVue图标插件组件Vue.use(IconsPlugin)

iview vue 引入 教程vue iview 引入 问题解决vue iview 引入控制台报错解决vue iview css 样式问题解决 vue.config.js main.js View UIvue 中使用 IView UI

问题描述问题解析数据中存在 为空数据 children:[ ]解决思路将没子节点数据内容改为 undefind<template> <div> <div>层级菜单显示</div> <!- clearable 可清除 级联 :options 级联数据 show-all-levels 展示所有等级 props 配置文...

View defaultprops el-cascader 级联 层级菜单 vue element ui css Vue 层级菜单显示 Element UI 层级菜单 element ui 层架菜单显示 element ui 层架菜单显示 el-cascader Vue 可清除 级联 :options 级联数据 show-all-levels 展示所有等级 props 配置文件 checkStrictly: true, emitPath: false, label:'name',层级菜单显示

使用 element ui checkbox 多选框 checkbox 选中 checkbox 取消 checkbox @change 事件 </el-checkbox-group> checkbox 默认选中项 checkbox 取消选中 获取选中总数

实现 菜单 树形 视图 动态显示bus.js同级组件通信 el-treerouter-link :to="'/manor'" @click.native="searchtree('home')">handleNodeClick bus.$on bus通信 bus.$emit

//jquery !$.isEmptyObject() 判断对象是否 null 或 undefined//Object.keys().length != 0 if (!$.isEmptyObject(result.createDate)&&Object.keys(result.createDate).length != 0) { $('#createDate...

Vue mounted created 方法函数对比区别created：在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。mounted：在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。JQuery$ 预加载函数$(function(){ alert('页面已加载');});Vue 替代 Jquery

Vue element ui page 分页教程 element ui 分页教程 element ui 分页详细教程 Vue element ui 使用教程 Vue element ui 分页教程 Vue 分页教程 Vue 分页使用 element ui 教程 Vue 使用 element ui 教程 Vue element ui 实例 Vue elemtn ui table 表格分页 实例

实现思路 设置children 子路由 属性 使用 router-link 切换 router-view 显示子组件路由配置页面//用户登录const Login = resolve => require(['@/pages/Login'], resolve);//用户首页const Home= resolve => require(['@/pages/Home'], res...

Vue 教程 Vuetify 下拉更新页面数据 Vuetify 下拉获取页面数据 Vue UI框架Vuetify 及时获取数据 Vue tifu 实现 页面下拉获取数据 Vuefify 页面下拉更新·数据 页面下拉刷新数据 页面下拉获取数据

Aes 加密 解密创建 aes.js工具包安装 crypto-js 算法npm install crypto-js --savev-devimport CryptoJS from 'crypto-js/crypto-js' //引用AES源码js//默认key、ivconst KEY = CryptoJS.enc.Utf8.parse("D,6nFr.xK!9IoPw8");//十...

Spring Cloud 方法定义DivisionData类@ApiModel(value = "DevisionData" ,description = "返回区划数据")public class DivisionData { @ApiModelProperty(value = "区划代码") private Integer code; @ApiModelProp...

本教程 演示 vue cli 4.1.1版本 和 vue cli 2.9.6 版本共存前置条件 node js环境环境 搭建 1. 卸载vue cli//1.卸载 vue clinpm uninstall vue-cli -g//2. 删除安装目录下的@Vue 文件F:\Web developer tool\node_js\node-v12.13.0-win-x64\node...

Vue vli3 之后配置文件需要我们自己写打卡vue.config.js在原有基础上 添加一下内容module.exports = { //添加内容 // 基本路径 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSav...

定义方法 method:{ getdate() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.g...

数据定义 data() { return{ projectlist: [],//Select 遍历集合 itemId: 0 } };下拉框定义 //v-model="itemId" 绑定值到itemId上 //定义事件getitemId下拉框改变获取信息 <el-select placeholder="项目选择...

vue 项目初始化 vue 脚手架 vue 脚手架初始化项目 vue cli4.0 vue 项目搭建教程 vue 创建项目 vue 新手教程 vuenode npm环境初始化解压node js 安装包配置 nodejs主目录到pathPATH F:\Web developer tool\node_js\node-v12.13.0-win-x64\node_global PATH F:\Web developer tool\node_js\node-v12.13.0-win-x64 //配置node

createdcreated:html加载完成之前，执行。执行顺序：父组件-子组件methodsmethods：事件方法执行watchwatch是去监听一个值的变化，然后执行相对应的函数。beforeCreate:beforeCreate是在Vue实例初始化事件后执行的beforeDestroybeforeDestroy在Vue实例的生命周期结束前执行ex...

Vue Axios 解析异步请求获取返回数据 （详解）跨页面获取 Axios 返回值 苦于请求 Get Post Depete Put 增删改查请求Promise对象， 带有promiseStatus和promiseValue new PromES7的异步特性async / await 异步请求可以改善用户体验。但是在某些特殊情况，我们依然需要使用同步请求来实现交互async用于申明一个函数是异步的，await等待异步请求完成，await只能在async方法中使用 Vue 异步通信 Vue 跨域请求

Vue http 封装教程 Vue http axios 封装 教程 axios 封装详细教程 VUe http工具封装教程 delete get put post 封装教程 增删改查 请求封装教程 Vue 跨域请求封装教程 axios 跨域

Vue axios 跨域 post参数传递问题原因就是这次的接口使用 java spring mvc并且在这个方法上使用了注解 @RequestParam那么这个是什么意思呢，这个是只能从请求的地址中取出参数，也就是只能从 username=admin&password=admin这种字符串中解析出参数。查看Content-Type：application/json;charse...