Vue
关注
分享
扫一扫
Yasuo Man
这个作者很懒，什么都没留下…
展开
-
VUE自定义指令去除element输入框的空格（同时防止光标抖动）
技术能力有限，代码写法比较粗糙，各位大佬借鉴一下就好，但我可保证这是我个人原创而且真实可用。项目是ts的项目，如果想用到js的项目，改一下代码的写法就可以了removeSpace.tsimport Vue, { DirectiveOptions } from 'vue'const directive: DirectiveOptions = { componentUpdated (el, { value, modifiers }) { // // 获取真实的inputDOM元素原创 2020-11-20 15:03:53 · 1694 阅读 · 0 评论 -
vue自动化打包部署jenkins，公司项目遇到的坑，记录全过程
背景以前都是手动打包部署，然后测试服务器我们开发又没有权限，被测试独揽大权，每次转测之后改了BUG都要重新打包，就很烦，而且测试如果没有及时把包更新上去然后这个时候其他的开发又更新了他们版本的代码打包给其他的测试，这个就会导致测试环境的代码不正确，就很烦！！而且每次我们打包，测试还要部署包，也很烦！！！所以最后我忍无可忍无需再忍，去部署jenkins了（本来想着我只是一个刚毕业的大学生，这些东西不该我操心的，就一直放之任之）冲冲冲，直接贴截图上代码# 进入对应的jenkins的工作目录cd $W原创 2020-09-09 11:12:14 · 1023 阅读 · 2 评论 -
h5 判断当前机型为android还是ios，安卓苹果
// 判断当前机型是否为iosexport function getPhoneType () { let ua = navigator.userAgent.toLowerCase() return ua.includes('iphone') ? 'ios' : 'android'}原创 2020-07-11 14:19:36 · 1620 阅读 · 0 评论 -
vue+typeScript 中watch可以进行多层嵌套，同时watch多个变量
@Watch('b', { deep: true })@Watch('a', { deep: true })private getSubmitStatus ():void { console.log(this.a) console.log(this.b)}ps: 此处a，b均为对象，我是为了watch其中的变量才加的deep:true原创 2020-07-04 15:08:33 · 5090 阅读 · 0 评论 -
js去掉省市区或者省市市的省和第一个市
从企查查获取到企业的地址字符串，一般为省市区+详细地址或者为省市市+详细地址，产品提要求说要去掉省和第一个市，只拿区+详细地址或者第二个市+详细地址由于不知道获取的字符串里有一个市或者两个市或者没有市。let newAddress = address.includes('市') ? address.replace(/市/, ' ').split(' ')[1] : address先判断是否有市，如果有，通过 replace() 把第一个市置换为空格，然后再用 split() 从空格处进行分割，取分割原创 2020-07-01 10:13:18 · 1672 阅读 · 0 评论 -
vue中关于组件(element,vant等等)回显很慢的问题
业务场景：关于表单的交互，特别是从接口请求的数据要进行回显的时候。此时有一个对应表单定义的类是这样 private form = { a: '1', b: '2', c: '3' }然后需要请求回来的数据在表单上进行回显 const res:any = await request() // res = {a: 'a', b: 'b', c: 'c'}很多时候我们为了偷懒，就直接 this.form = res但是这样写会造成 回显很慢的问题，偷懒是不能偷懒原创 2020-06-23 15:23:15 · 1706 阅读 · 0 评论 -
element el-upload文件上传时，mac笔记本无法获取到file.type，就无法校验到上传的文件类型
今天项目中碰到了在使用el-upload时，mac笔记本无法获取到钩子函数的before-upload方法中的file回调参数中的type属性，就无法去进行校验，然后就换成了去校验file.name，判断是否以 .xlsx 和 .xls结尾的excel文件beforeUpload (file: any) { const uploadFileSize: boolean = file.size / 1024 / 1024 < 10 const fileType: boolean = f原创 2020-06-02 15:09:01 · 3212 阅读 · 2 评论 -
vue+ts+element ui的项目在进行自定义表单校验时获取不到form
今天在项目中进行自定义表单校验的时候，遇到了获取不到this.form的情况其实呢，这个问题之前在做一个动态表单验证的时候就遇到过，this.form获取不到值，当时是采用this.$set的方法进行赋值，比如this.此处是美元符号set(form,id,res.id)，然后就可以获取到对应的this.form.id的值。今天呢又遇到了这个情况，之前用set没有用了，然后我就试着在自定义表单校验方法里去console.log(this),结果发现this并不是指向的表单实例，后来发现每一个要去表单校验原创 2020-05-19 16:18:22 · 2330 阅读 · 0 评论 -
将数据存储到本地localStorage实现持久化存储
存数据 // 当 更新 car 之后，把 car 数组，存储到 本地的 localStorage 中 localStorage.setItem('car', JSON.stringify(state.car))加载数据// 每次刚进入 网站，肯定会 调用 main.js 在刚调用的时候，先从本地存储中，把 购物车的数据读出来，放到 store 中var car = JSON.par...原创 2019-09-11 19:00:56 · 2297 阅读 · 0 评论 -
配置Vuex的步骤
配置Vuex的步骤运行 cnpm i vuex -s导入包import Vuex from 'vuex'注册vuex到vue中Vue.use(Vuex )new Vuex.Store()实例，得到一个数据仓储对象var store = new Vuex.Store({state: {//可以把state想象成组件中的date,专门用来存储数据的count:0;...原创 2019-09-11 18:51:13 · 238 阅读 · 0 评论 -
Vue中的style 的lang=“ “和scpoed
Vue中的style 的lang=" "和scpoed普通的style标签只支持普通的样式，如果想启用scss或者less，需要为style元素设置lang属性<style lang="scss" scoped>/* 普通的 style 标签只支持 普通的 样式，如果想要启用 scss 或 less ，需要为 style 元素，设置 lang 属性 */// 只要 咱们的 st...原创 2019-09-11 17:31:36 · 8633 阅读 · 2 评论 -
Vue中export
Vue中exportexport default 向外暴露的成员，可以使用任意的变量来接收在一个模块中，export default只允许向外暴露一次在一个模块中，可以同时使用export default 和 export向外暴露成员// test.vueexport default { address：'深圳'}export var title = '星星'export v...原创 2019-09-11 11:11:16 · 2462 阅读 · 0 评论 -
Vue + elementUi 实现菜单无限级的分类导航
Vue + elementUi 实现菜单无限级的分类导航[ { "id": 1, "parent_id": 0, "menu_name": "第一级菜单 1", "sorting": 0, "node": [ { "id": 2, ...原创 2019-09-09 17:28:52 · 4538 阅读 · 1 评论 -
Vue路由切换页面时页面滚动条回滚到顶端以及校验页面是否登录
Vue路由切换页面时页面滚动条回滚到顶端在使用vue.router切换页面时，如遇到一个页面过长，滚动到某个位置时，再跳转到另一个页面，滚动条默认是在上一个页面停留的位置，最好的体验肯定是能回到顶端，可通过路由自带的钩子函数实现//mian.js//...router.afterEach((to,from,next) => { windows.scrollerTo(0,0);})...原创 2019-09-07 10:54:22 · 265 阅读 · 0 评论 -
Vue中使用Vue.router修改单页面的标题
Vue中使用Vue.router修改单页面的标题在页面发生路由改变的时候，统一设置。通过使用vue-router提供的导航钩子函数beforeEach和afterEach中的 beforeEachconst Routers = { { path:'/index', meta:{ title:'首页' }， component:(resolve) => requ...原创 2019-09-06 19:36:02 · 741 阅读 · 0 评论 -
Vue中实现用动态组件代替路由的效果
Vue中实现用动态组件代替路由的效果话不多说，直接上代码可直接复制粘贴运行。一个简易的动态组件Demo，仅供参考<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...原创 2019-09-05 10:17:16 · 1693 阅读 · 0 评论