xiaofang_z的博客

vue滑块验证，web、h5都可用

要实现的效果如下：主要是花了很长时间去花了这个页面，也是各种百度，所以，在此记录下，有需要的人可以借鉴看下包含了html,假数据、以及css,可以整个copy过去目前这一版是未联调的静态页面，下一次发一个已经联调过的，含接口的数据，看真实效果<template> <div> <div class="Micro_top"> <div class="searchs"> <span>时间 :&

// 解决重复点击导航路由报错const originalPush = VueRouter.prototype.pushVueRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err)}Vue.use(VueRouter)直接复制到router.js里，粘贴的时候，注意下执行顺序，这段是放在new VueRouter的前面.

vue antd的menu组件使用实现效果记录实现的主要几步1、数据处理2、布局3、功能实现，搜索标题则当前菜单高亮，右侧则显示对应的内容用到menu菜单时，需要注意它的api右侧显示content内容实现效果注：我这里的输入框，搜索的时候是只支持搜索标题，支持模糊搜索记录实现的主要几步1、数据处理在写静态页面的时候需要写假数据，会与后台沟通，这个地方菜单后期会返回什么样的数据结构，有的后台会以前端为准，你想要什么样的数据结构就给你什么样的结构，但这里后台按照他自己的来，直接给前端返回了一个扁平

之前一直习惯于用element ui，用了antd ui框架后觉得在使用的时候着实没有element ui好用，记录下用antd表单时遇到的问题接下来，熟悉下它的写法1、data中表单的创建方式写法，是下面这种方式 data() { return { form: this.$form.createForm(this), //antd创建表单 } }2、同时页面结构绑定的写法与element ui也不一样，这里需要注意的是他的绑定方式，element ui用的

这里写自定义目录标题vue打包到开发环境时报错解决方法：vue打包到开发环境时报错报错vue is not difine排除问题：cdn 引入的问题解决方法：1、在不动其他代码的情况下，在public中的body中引入cdn，记住本地开发时，这一部分可以注释掉，只有在打包时再解开注释，进行打包2、在config文件里直接写入地址附上好用的文件引入地址：https://www.bootcdn.cn/ps:以前前端打包时用npm run build命令打完包然后将dist文件发给后台放线上

收起与折叠功能完成效果代码实现完成效果默认折叠状态点击展开按钮显示下方的表格代码<div :class="disableTable ? 'showt' : 'dist'">表格信息</div><!-- 收起与折叠 --> <div class="zy_jt"> <div class="b_pack" @click="packupbtn"> <div class="expand"

如何解决跨域1、什么是跨域比如现在有一个A网站、有一个B网站，A网站中的 HTML 文件只能向A网站服务器中发送 Ajax 请求，B网站中的 HTML 文件只能向 B 网站中发送 Ajax 请求，但是 A 网站是不能向 B 网站发送 Ajax请求的，同理，B 网站也不能向 A 网站发送 Ajax请求，因为Ajax 只能向自己的服务器发送请求而当A 网站非要向 B 网站发送 Ajax请求时，就...