问题描述： 最近在做登录部分时遇到一个场景，当点击 “用户”按钮时，首先渲染login组件，在用户登录后直接跳转到用户信息界面（user组件）。这里遇到了需要将login组件通过异步请求获得的用户信息传向 user组件，但是login和login组件不是父子组件，就暂称为兄弟组件吧。 简而言之，我要解决的就是兄弟组件之间的信息传递问题。 //位于login.vue 中 export default { methods:{ login(){ this.$axios({ method: post, url: /stu...
本文实例讲述了JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法。分享给大家供大家参考，具体如下： 最近项目中遇到了在同一DOM元素上需要添加 onclick 和 ondblclick 2个事件，如果按照正常的方式添加处理，结果发现只会执行 onclick，而不会执行 ondblclick；这时我们需要对2个事件的处理函数稍作处理就可以实现2个事件并存了，代码如下： <script type="text/javascript">var clickTimer = null;function _click...
1.前沿一句话介绍下clipboard.js：实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。 在项目中使用clipboard.js插件去实现点击按钮，复制一段网址到剪切板的功能。功能做好后，一开始无论这pc端还是移动端都能正常使用。突然某一天测出了一个bug：移动端复制失败，pc端是ok的。简直一脸懵逼。。。 遇到这个bug，我第一个思考到的是，这是个常用的插件，网上应该有现成的解决方法。网友分享的方法是：把绑定data...
前言 今天把自己写的demo登录写完了,就想着试着走一下部署上线的流程。参考了很多的文档,终于成功进行了部署。在这里将服务器的搭建和vue项目的 部署上线进行整理(都是基础的知识,希望对大家有帮助。对我帮助是很大的) 2.流程 1.服务器搭建 这里我用的是腾讯云的服务器。买了一个域名。没有备案的域名也可以使用。买完服务器进行域名解析。点击添加解析,按照下面这样填写就行 马赛克是你的外网ip可以根据你需要的...
使用vue+better scroll今天实现切换用户后查询用户订单列表的一个功能，在实例化betterscroll时，因为有的用户没有订单，切换用户后会出现订单列表无法滚动的问题。先放代码： <!-- 订单列表 --> <div id="order-list" ref="scrollWrap"><ul v-if="orderLists.length > 0"><li v-for="(orderList,index) in orderLists" :key="index"><div class="order-info"> 订单信息 </div></li></ul><div class="no-orders" v-else><p>最近没有...
解决办法如下： 1.用ASCII码替换百分号和与符号 var remark = $("#remark").val();remark.replaceAll("ASCII69","%").replaceAll("ASCII70","&"); //展示时需要对原先替换的进行还原展示 remark.replaceAll("%","ASCII69").replaceAll("&","ASCII70");2.在jquery中用编码转换来实现百分号的保存 //encodeURI() 函数可把字符串作为 URI 进行编码。 //对以下在 URI 中具有特殊含义的 ASCII 标点符号，encodeURI() //函数是不会进行...
浅谈关于.vue文件中的style的scoped属性注意：scoped作用：使得.vue中的样式不影响其他.vue组件样式，而不是scoped使得.vue组件样式不受外样式影响。 1、在vue组件中，为了使样式私有化（模块化），不对全局造成污染，在style标签上添加scoped属性，以表示它只属于当下的模块。但是要慎用，因为在我们需要修改公共组件（第三方库或者项目中定制的组件）的样式的时候，scoped会造成很多困难，组要增加额外的复杂度。 一、创建公共组...
正常路由嵌套是没有问题的，但是如果你已经在当前主路由页面了，然后再次点击主路由就会出现页面数据空白的情况 看代码： //主路由通过v-for循环出来 <div class="list-group"><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" v-on:click="doNothing" class="list-group-item" v-if="getPages.length != 0">数据统计</a><router-link v-for="page in ge...
首先先说明下vue-cli的assets和static的两个文件的区别，因为这对你理解后面的解决办法会有所帮助assets：在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src=”./logo.png”>和background:url(./logo.png),”./logo.png”是相对资源路径，将有webpack解析为模块依赖 static：在这个目录下文件不会被webpack处理,简单就是说存放第三方文件的地方，不会被webpack解析。他会直接被复制到最终的打包...
初学框架vue搭配vux使用发现这个UI库使用有些力不从心。下面说说自己在表单验证过程遇到的两个需求问题及解决的方法。 1.使用x-input组件可知，官方只给了三种类型的is-type验证器，分别是：email,china-name,china-mobile，其他需要自己自定义验证器，怎么写验证器？ 解决方法：自定义is-type验证器（试验过可以在valid使用正则验证） <x-input type="number" v-model="code" placeholder="请输入验证码" :is-type="codeValue" />...
专栏停更了很久，向大家说声抱歉。今天的主题是使用JavaScript模拟实现微信抢红包的算法。这个题目看起来很简单，不就是一个随机函数吗？我们一起实现看看。 我们假设有一个100元的红包，要发给10个人。为了保证公平，算法需要保证以下的原则： 每个人最少能抢到0.01元每个人的机会平等所有人的金额之和等于100元1.简单的随机函数实现 很多朋友的一般思路是： 第一步：从0-100中随机一个数，得到第一个红包金额。 第二步：从0-剩余...
场景： 我实际用到的是这样的，我父组件引用子组件related,父组件调用获取页面详情的方法，更新了state值related，子组件根据该related来渲染相关新闻内容，但是页面打开的时候总是先加载子组件，子组件在渲染的时候还没有获取到更新之后的related值，即使在子组件中watch该值的变化依然不能渲染出来子组件的相关新闻内容。我的解决办法： 父组件像子组件传值，当父组件执行了获取页面详情的方法之后，state值related更新，然后传给...
比如说浏览器打开了一个单页面（SPA）应用，过了一段时间token（或者session）过期了，这个时候页面上发起 Ajax请求之后，后端返回302状态码跳转到login页面。 我这是使用的是 Vue + axios ，发现 axios 无法拦截到 302请求，下面是处理的过程。 思考 google axios 302 handle 看到 axios github 上的两个讨论 ? https://github.com/axios/axios/issues/932? https://github.com/axios/axios/issues/980 得到的结论就是：浏览器发...
在JS中代码中同一功能块中通常同时会用到单击、双击事件，但通常会遇到一个问题，就是在双击的时候即执行了一次双击事件，而且还执行了两次单击事件。此类冲突在ZTree、DHTMLX中经常遇到。想要解决两个事件冲突，需要对单击事件进行延时，如果在此延时中又监测到单击事件，那么认为此两次单击属于一个双击事件，则只执行双击事件，并第一时间将延时定时器清理，以防止第二次单击生效。 具体代码如下： var clickFlag = null;//是否...
问题 vue init webpack myproject构建项目 使用localhost 或者127.0.0.1 均可以正常访问，但是切换到本地ip就不行了 解决方式 在 webpack.dev.conf.js 追加以下代码 const HOST = process.env.HOST || 0.0.0.0; 重新启动 npm run dev重新打开即可以上这篇vue init webpack myproject构建项目 ip不能访问的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。