js
文章平均质量分 56
胖姗_Shirleyzhao
一直在路上
展开
-
vue动态添加路由,跳转页面时,页面报错路由重复: [vue-router] Duplicate named routes definition: {
之前用了一个vue-element-admin做了一个小项目,里面用到了动态添加路由,动态展示侧边栏,当我切换页面时,控制台总是警告提示路由重复,连续跳转几次页面后,控制台就被这些警告占满了,vue动态添加路由,跳转页面时,页面报错路由重复:于是处理一下原因addRoutes 方法仅仅是帮你注入新的路由,并没有帮你剔除原有的其它路由!我们先看一下原来代码路由拦截器中的代码:permission.js:router.beforeEach((to, from, nex.原创 2020-05-28 15:15:17 · 15512 阅读 · 9 评论 -
vue 使用 map 结合 filter 做出来像后端查出来的模糊搜索
总体效果如上图 所示一开始直接将address.js 获取的省列表 直接用filter进行过滤但, 只能过滤 第一个字匹配的, eg: 假如我的搜索 中输入“ 河” 可以过滤出来 “ 河”开头的所有省, 但是输入‘南’, 并不会出现含南的所有的省, 所以经思考 将map 和filter 结合,可以搜出来 所有匹配出来的值,分享给大家 ,下面是所有代码address.js 可以我的CSDA上面去下载所有的省市,看下效果父组件index.vue<SingleSelectSearc...原创 2020-05-20 16:44:15 · 1701 阅读 · 0 评论 -
vue 结合element 多选增加全选
总的效果如上图所示父组件index.vue 引用select文件传值<template> <div class="clearfix"> <select :optionData="provinceData" :selectList.sync="selectList" placeholderText="请选择"/> </div></template><script>import selectfrom "..原创 2020-05-20 16:21:29 · 1175 阅读 · 0 评论 -
js append追加html代码标签后 css样式没生效 js同时没有生效 已解决
html代码 添加inputcss代码.box{ width: 500px; height: 300px; border-radius:8px; border:1px solid #f0f; margin-bottom: 20px; padding: 5%;}.box input{ border:0px; background: skyblu原创 2017-10-19 14:32:08 · 42594 阅读 · 4 评论 -
使用html css js 书写tab切换
html 内容 条件 时机 预警 你好1 你好2 你好3 你好4 css.i-recommend-main { padding: 30px; background-color: #fff; border-radius: 10px; margin-t原创 2017-10-19 15:25:14 · 682 阅读 · 0 评论 -
使用ajax 只请求一次后台,但是后台日志打印两次
前两天碰到一个情况是使用ajax 请求后台一次,但是后台却打印了两次日志最后这个问题的出现的原因有两种,1.后台接收到前端的请求之后没有做回应json数据的处理2。前端的ajax 请求书写不规范,应该加上success 和error 函数,假如前端ajax 的success和error 书写规范,后台没有做json数据的响应就会走ajax的error 函数,就不会出现再次 请求数据的情况,...原创 2019-02-09 15:26:31 · 2446 阅读 · 0 评论 -
深浅拷贝
js 深浅拷贝javascript中的深拷贝和浅拷贝? - 千锋教育的回答 - 知乎https://www.zhihu.com/question/23031215/answer/326129003基本类型与引用类型最大的区别实际就是传值与传址的区别;值传递:基本类型采用的是值传递。number、string、boolean、null、undefined、symbol(1 :)JSO...原创 2019-02-09 15:45:14 · 136 阅读 · 0 评论 -
tab切换
jsvar liEle = $(".second-menu li");var showEle = $(".third-menu-box ul");liEle.on(“click”,function(){var li_data = $(this).attr(“data”);for (var i = 0; i &lt; showEle.length; i++) {var box_data...原创 2019-02-09 15:46:59 · 108 阅读 · 0 评论 -
Object 对象keys(), values(), entries()
一、Object.keys()Es5 引入了Object.keys方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable 【可枚举的】)属性的键名。(1) 处理对象,返回可枚举的属性的数组var obj = { foo: 'bar', baz : 42};Object.keys(obj)// ["foo", "baz"](2)处理数组,返回索引值的...原创 2019-08-21 10:19:39 · 304 阅读 · 0 评论