Vue.js

beego+vue父子组件通信（父子页面传值、父子组件传值、父子路由传值）

由 拈花ヽ惹草 提交于 2021-01-20 01:44:22
场景：有head和foot，为父组件 侧栏tree为子组件 点击tree，右侧孙组件根据点击tree的id，来更改表格内容。 首先是父子（本例中是子组件与孙组件）通信，目前是父传到子，暂时还没有子传到父。 vue中路由设置如下： export default new Router({ routes: [ { path: '/', redirect: { name: '首页' }, component: cmshome,//父组件 children: [ { path: '/', component: cmsindex, name: 'cmsindex' }, { path: '/projects', component: projects, name: 'projects' }, { path: '/project', component: projecthome,name: 'projecthome',//子组件 children: [ {path: '/project', component: project, name: 'project'}//孙组件 ] }, ] }, 子组件中设置:treeId，因为tree-id就是treeId，这个子组件中的treeId值将会被孙组件中props获取到。 <router-view :tree-id="treeId"></router

why axios get method request send twice?

由 不羁岁月 提交于 2021-01-19 06:35:21
问题 I run the axios get method to call php script.but request send twice how to solve this problem. myfunction:- axios.get('http://13.233.179.174/customers_log.php',{ headers: { 'Access-Control-Allow-Origin': '*' }, }) .then(function (response) { $("#spinner").hide(); console.log('this is response work'); console.log(response.data); }) .catch(function (error) { $("#spinner").hide(); console.log(error); }) 回答1: It'a Preflight request It is an OPTIONS request, using three HTTP request headers:

access-vue-admin管理后台使用

由 淺唱寂寞╮ 提交于 2021-01-18 12:55:47
关于 access-vue-admin access-vue-admin 是一套企业级的高颜值、高性能的通用型中后台前端解决方案，它基于 vue2.5开发，并内置了element ui，使用最前沿的前端技术栈，支持各类型产品，比如典型的中后台应用（类阿里云后台、七牛云后台，各类 to B 产品）、社区型应用（类知乎、论坛、门户）（需使用社交布局）、地图型应用（需使用地图布局）、工作桌面型应用（需使用工作桌面布局）等。 在线预览 其他好用快捷开发框架 登录 账号：admin 密码：123456 产品特点 丰富的布局模式可选择，布局和功能具有高可配性； 支持顶栏菜单和侧边栏菜单（侧边菜单自动响应顶栏菜单变化，支持动态菜单）； 漂亮的 UI、极致的用户体验和细节处理； 产品功能 登录 顶栏菜单和侧边栏菜单（支持自动响应，支持动态菜单） 可配置的菜单栏徽标 布局（经典布局，全响应式后期开发） 亮色 / 暗色 侧边栏 亮色 顶栏 可折叠侧边栏 多页签 全局面包屑 更多布局可在线体验（右上角菜单项可动态预览各种配置） 支持内嵌页面 重载当前页面 动态路由支持自动重载 支持多级路由嵌套及菜单栏嵌套 分离路由与菜单设置 富文本编辑器 优秀的持久化存储方案 自定义登录重定向 tag切换新增拖拽位置跟右键关闭 webpack性能打包优化 table的换列操作 支持单table

2016，我做了什么？

由 不羁的心 提交于 2021-01-18 10:35:13
2016，我做了什么？ 现在是2017年的1月份，本该这篇公众号运营总结应该在2016年的最后一个月趁着跨年可以凑个热闹，但一直拖到现在才开始准备动手写写。工作的这几年好像到了年底都要写个总结才会对自己有个交代，也就一个很普通的周末而已，要是每个月抽个一点时间来写总结也是挺不错的，但好像还没养成这个习惯。 ”前端早读课“公众号从2013年11月22号推荐分享的第一篇起，到现在推荐分享已经有800+了，这三年多以来得到了3.9万+童鞋的关注，其实还是很受宠若惊的，毕竟只这样一天一篇文章的推送。这个公众号的初衷就是以平时项目遇到的问题为基础，把所看到的不错的文章分享出去，这只是最开始的想法，那后面随着自己接触的点越来越丰富，以及岗位角色的变化，除了前端技术外，还了解了产品，运营，以及服务端技术。总想把这点连成面做一点“产品”出来来验证自己平时动的小心思。所以到现在我基本就把这个公众号当成一个产品来运营，到目前为止这个“产品”功能基本完善。 这一年的数据 性别 哈，是不是感觉女前端还是不少，从很多招聘上看女前端还是有不少优势的。 省份分布 北上广还是主力，这些地区平时的活动也相对比较活跃，如果你想做培训或投放广告，可以有针对性的设计。福建省有1094，厦门的有861，厦门的这些人，你们在哪里，有机会我们可以线下玩玩。 2016.11～2016.12图文页阅读 每天凌晨5点多在微信推送完

how to use listeners in vue.js for events like scroll and windows resizing

由 徘徊边缘 提交于 2021-01-18 07:43:07
问题 Hello i am learning vuejs and was converting one of my projects into vuejs i wanted to know that i can write my custom functions in methods and call those in mounted hook i wanted to know how do i use listeners in vuejs. also can i used my jquery by importing in vue project The event listener documentation on vue website states only v-on and click example but no examples are for windows listeners jQuery(document).ready(function(){ //cache DOM elements var mainContent = $('.cd-main-content'),

v-for without using html element in vue.js

由 浪尽此生 提交于 2021-01-18 05:23:18
问题 I am newbie to Vue.js I am preparing demo for input elements practices, here is my code. HTML <div id="inputDiv"> <form action=""> <input type="text" v-model="first_name"> <input type="text" v-model="last_name"> <input type="email" v-model="email"> <div> <input type="radio" :name="gender" v-model="gender" value="male">Male <input type="radio" :name="gender" v-model="gender" value="female">Female </div> <textarea v-model="address" id="" cols="30" rows="10"></textarea> <br> <div v-for="hobby in

v-for without using html element in vue.js

由 混江龙づ霸主 提交于 2021-01-18 05:22:35
问题 I am newbie to Vue.js I am preparing demo for input elements practices, here is my code. HTML <div id="inputDiv"> <form action=""> <input type="text" v-model="first_name"> <input type="text" v-model="last_name"> <input type="email" v-model="email"> <div> <input type="radio" :name="gender" v-model="gender" value="male">Male <input type="radio" :name="gender" v-model="gender" value="female">Female </div> <textarea v-model="address" id="" cols="30" rows="10"></textarea> <br> <div v-for="hobby in

v-for without using html element in vue.js

由 寵の児 提交于 2021-01-18 05:21:25
问题 I am newbie to Vue.js I am preparing demo for input elements practices, here is my code. HTML <div id="inputDiv"> <form action=""> <input type="text" v-model="first_name"> <input type="text" v-model="last_name"> <input type="email" v-model="email"> <div> <input type="radio" :name="gender" v-model="gender" value="male">Male <input type="radio" :name="gender" v-model="gender" value="female">Female </div> <textarea v-model="address" id="" cols="30" rows="10"></textarea> <br> <div v-for="hobby in

基于react/vue开发一个专属于程序员的朋友圈应用

由 此生再无相见时 提交于 2021-01-17 20:50:18
前言 今天本来想开源自己写的 CMS 应用的，但是由于五一期间笔者的 mac 电脑突然崩溃了，所有数据无法恢复，导致部分代码丢失，但庆幸的是 cms 的打包文件已上传服务器，感兴趣的朋友可以在文末链接中访问查看。 今天要写的 H5朋友圈 也是基于笔者开发的 cms 搭建的，我将仿照 微信朋友圈 ，带大家一起开发一个能发布动态（包括图片上传）的朋友圈应用。有关服务端部分笔者在本文中不会细讲，后续会在 cms2.0 中详细介绍。 你将收获 使用 umi 快速创建一个H5移动端应用 基于 react-lazy-load 实现图片/内容懒加载 使用 css3 基于图片数量动态改变布局 利用FP创建一个朋友圈form 使用 rc-viewer 查看/旋转/缩放朋友圈图片 基于 axios + formdata 实现文件上传功能 ZXCMS 介绍 应用效果预览 朋友圈列表 查看朋友圈图片 发布动态 正文 在开始文章之前，笔者想先粗略总结一下开发H5移动端应用需要考虑的点。对于任何移动端应用来说，我们都要考虑如下问题： 首屏加载时间 适配问题 页面流畅度 动画性能 交互友好 提供用户反馈 这些不仅仅是前端工程师需要考虑的问题，也是产品经理和交互设计师考虑的范畴。当然还有很多实际的考虑点需要根据自身需求去优化，以上几点大致解决方案如下： 提高首屏加载时间 可以采用 资源懒加载+gzip

Spring Cloud Gateway微服务网关鉴权

由 拥有回忆 提交于 2021-01-17 10:01:02
一 网关鉴权 1 问题 当我们在未登录状态下点击“购买课程”按钮时，会显示“未知错误”，查看trade微服务控制台，发现，JWT为空，无法鉴权。 2 解决方案 微服务网关中添加自定义全局过滤器，统一处理需要鉴权的服务。 3 鉴权逻辑描述 当客户端第一次请求服务时，服务端对用户进行信息认证（登录） 认证通过，将用户信息进行加密形成token，返回给客户端 作为登录凭证以后每次请求，客户端都携带认证的token 服务端对token进行解密，判断是否有效 对于验证用户是否已经登录鉴权的过程可以在网关统一检验。检验的标准就是请求中是否携带token凭证以及token的正确性。 下面的我们自定义一个GlobalFilter，去校验所有的请求参数中是否包含“token”，如何不包含请求 参数“token”则不转发路由，否则执行正常的逻辑。 二 开发鉴权逻辑 1 网关中添加依赖 <dependencies> <!-- 网关 --> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spring-cloud-starter-gateway</artifactId> </dependency> <!--服务注册--> <dependency> <groupId>com.alibaba.cloud<
订阅 Vue.js