倔强的啊强-CSDN博客

原创求助：vue中的MathJax 不能完全解析？

index.html中的配置：<script type="text/javascript" src="http://cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> <script type="text/x-mathjax-config"> ...

2019-06-18 18:25:37 1758 10

原创 vue+element 学习之路（十三）scrollBy简单实现锚点定位（单向）

这个锚点定位的思路非常简单，代码也非常简单，但是缺点就是不兼容IE9，暂时先以这个为思路分享下方法。思路：1.给dom元素设立锚点（这里以ID为锚点）；2.点击瞬间计算页面顶部到达dom的距离。3.计算页面已经滚动的距离。4.根据2和3判断需要上滚还是下滚。5.滚动。点击事件触发方法，jump的参数即为锚点ID：源码：<template> <div...

2019-05-25 13:26:00 6783 7

原创 vue+element 学习之路（十二）吸顶效果和动态css

参考了几位前辈们的做法，学习过程中发现吸顶效果其实很简单，关键取决于css中的 position：fixed属性，我们的目标就是动态给元素添加一个新属性（替换或增加class），使其能固定在页面上。下面就来分享一下我的做法。首先在mounted钩子中设置滚轮监听事件，顺便复习一下mounted和created的区别：created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲...

2019-05-06 17:08:38 6328

原创 vue+element 学习之路（十一）表格中的<template>模板引擎

今天在做表格的时候遇到的一个问题，就是在一列里面需要用到多个参数，或者需要调用方法等。翻阅了element文档中el-table的自定义列模板，给了我很大的帮助，下面总结一下自己的方法。在这里期望城市的原生数据是为区域码，期望薪资列原生数据为纯数字期望职位通过prop直接传入的方式即可对于期望城市列表中，区域码需要转换为文字，这里需要调用到方法进行转换，使用模板引擎事半功倍。slot...

2019-05-04 19:59:08 3445 3

原创 vue+element 学习之路（十）vue-cli中assets和static

在vue-cli中，assets和static都是存放静态文件的目录，区别在于，static中的文件不会被webpack处理，可以直接以绝对路径引用，而assets中的文件会被webpack打包进代码中，相当于代码的一部分，只支持相对路径引用，bulid的时候由webpack解析为模块依赖。举个栗子assets 和 static下分别有logo.png（1）assets静态图片引用，正常...

2019-05-03 19:39:13 701

原创 vue+element 学习之路（九）vue-cropper 图片裁剪上传

今天在做头像上传需求的时候发现了一个巨好用的图片裁剪插件，捣鼓了一天踩了不少坑终于取得了“阶段性”的成功，嘿嘿嘿。下面就来总结分享给大家需求：用户上传一张图片，进行裁剪功能，裁剪时可以预览，最后以裁剪的图片作为头像使用思路：思路步骤其实很简单1.点击上传头像按钮，打开图片裁剪弹出层。2.选择图片后，按头像预览进行调整。3.点击确定，开始裁剪图片，发送请求到后端，并将裁剪的图片上传...

2019-05-02 21:22:21 5274 2

原创 vue+element 学习之路（八）watch 深度监听

今天在做验证码功能需求的时候接触到了Vue中的 watch监听方法，它可以用来监听vue实例上的数据变动。需求场景：1.一开始‘’获取验证码‘’按钮默认为禁用状态，当用户输入了正确的手机号码格式后，按钮恢复可用状态。2.点击获取验证码按钮之后，按钮中文本变为60s的倒计时，同时手机号码输入框与按钮为禁用状态，当倒计时结束后恢复可用状态。需求1思路：1.首先先给手机号码输入框telpho...

2019-04-29 18:34:26 5271

原创 vue+element 学习之路（七）嵌套路由，控制路由地址

按我自己的理解来说，嵌套路由就是在定义的路由里嵌套子路由，而子路由有自己的组件和路径。子路由的视图显示在他的父路由组件中今天自己做的这个简单的例子里就用到了嵌套路由的做法路由配置：router.js文件夹路径，画个图方便理解而两个组件login.vue和register.vue的内容都将在index.vue中的《router-view》《/router-view》显示在这里还有一...

2019-04-28 19:32:06 2061

原创 vue+element 学习之路（六）proxyTable设置跨域，axios和qs封装请求体

proxyTable:就拿我自己正在练手的项目来说，我需要用到前后端分离，前端在VSCODE上开发，端口为8081后端选择Ecplise,springboot 端口为8080所以如果每次前端发送请求都带上http://localhost:8080的话显得十分冗余。proxyTable就很好的帮我们实现了代理。配置方法：首先找到cofig文件夹下的index.js配置文件，改写prox...

2019-04-27 16:19:54 1339

原创 vue+element 学习之路（五）自定义表单校验

示例：非空校验：格式校验：几个常用的校验规则required：是否非空max：最大字符数min：最小字符数首先给表单绑定校验规则，表单加上ref属性，最后方便遍历表单校验定义规则：rules中定义的校验方法通过prop属性传递当然了这只是第一步校验，当输入框变化时进行校验，为了保证数据正确性，我们通常在提交表单时需要再校验一次看控制台源码：<template...

2019-04-26 18:30:45 957

原创 vue+element 学习之路（四）Vuex+SessionStorage存储登录状态和信息

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。以我自己的理解来说，Vuex相当于一个可以储存全局变量的容器，应用场景大多数是登录时，全局存储用户信息，判断登录状态和储存 UserId 这些字段安装Vuexnpm install -s vuex编写store组件解析1：state...

2019-04-25 22:05:32 2776 1

原创 vue+element 学习之路（三）地区级联选择插件

今天爬坑的过程中遇到一个需求就是用户地址，首先一开始想到的是数据库可以设计地区无限分类表，但是我们怎么能忘了我们强大的饿了么团队呢，于是上网搜了一下果然有非常好用的插件，下面来总结一下这个插件的用法首先安装npm install element-china-area-data -S组件代码<template> <div> <el-cas...

2019-04-23 20:27:41 2949

原创 vue+element 学习之路（二）路由动态导航栏以及一些疑问

今天在做动态导航栏的时候碰到一个问题，用我自己理解的话来讲大概意思是：三级路由的组件内容怎么在二级路由的 router-view> </router-view 里？问题先放着，下面先总结下自己的做法我的路由表：routes: [ { path: '/', name: 'Login', component: Login, i...

2019-04-22 19:41:37 1022

原创 vue+element 学习之路（一）数据表格分页

学习Vue快一个星期了，因为以往习惯了用JQuery去操作DOM对象的方式，一开始理解起来有些许吃力，看了快一个星期文档和各路大神的博客讲解后思路开始慢慢清晰起来，所以决定自己写一个demo，通过实战发现自己知识盲区，一点一点完善自己的demo，并且每隔一段时间记录一下自己的学习成果，做阶段性的总结首先-环境搭建环境搭建这里推荐一篇文章，讲解的非常详细https://segmentfault...

2019-04-21 22:11:06 1564 3

转载 bootstrap fileinput插件实现表单数据和图片异步上传的方法

bootstrap fileinput插件实现表单数据和图片异步上传的方法昨天在做毕业设计的时候在一个地方遇到了困难，是想实现图片和form表单的数据提交保存到数据库，但是图片栏保存到数据库的是图片地址。经过一番的查找资料，终于在这篇文章https://blog.csdn.net/s740556472/article/details/71617402给了我启发，感谢这位博主。下面就来分享我的心...

2018-10-06 15:10:50 13882 8

weixin_39327044的博客