vue-js
web_1993
这个作者很懒,什么都没留下…
展开
-
element-ui 小技巧
需求:使用el-cascader动态逐层次加载省市区数据,编辑数据时默认显示对应的区域数据效果如图所示:代码如下:a)逐层次加载省市区数据 demo.vue 代码如下所示: <el-cascader :props="props" v-model="areaArr"> </el-casca...原创 2020-02-09 19:13:24 · 495 阅读 · 0 评论 -
前端使用goeasy
项目需求:手机端扫PC端二维码 上传本地图片 上传成功后PC端根据上传的图片进行以图搜图操作通过技术选型 感觉go-easy既方便使用又能符合需求1.首先在go-easy官网(http://www.goeasy.io/)注册一个账号2. 拿到appkey 进入官方开发文档 (http://www.goeasy.io/cn/started) 如果项目是不包含webpack 则...原创 2019-07-31 12:19:00 · 3066 阅读 · 0 评论 -
轮播图组件 之 vue组件vue-data-loading
前提:虽然 swiper样式效果相当的全面 但是太重是我不想要的 所以才找了下面的组件进行使用 如果小伙伴们有更好用的组件 希望能不吝分享。宗旨是 学海无涯 相互分享 共同进步1.vue-agile 官网地址https://github.com/lukaszflorczak/vue-agile demo源码编辑地址https://codepen.io/collection/AdRz...原创 2019-05-14 17:42:10 · 921 阅读 · 0 评论 -
pc端滑动加载更多 vue组件vue-data-loading
1.需求:在PC端实现数据滚动加载效果 筛选vue中的组件再三 决定使用vue-data-loading 效果还是蛮赞的 官网地址:https://github.com/bedlate/vue-data-loading/blob/master/README_CN.md2.简单的事例 官网中已有源码 需要的小伙伴 可以直接查看官网 在这里我主要说下我遇到的坑 我的列表页面如图所示...原创 2019-05-14 17:08:00 · 4839 阅读 · 0 评论 -
AES加解密js文件
1.引入 npm install crypto-js --saveconst CryptoJS = require('crypto-js');2.方法A)加密export function encrypt(word){ //加密 var key = CryptoJS.enc.Utf8.parse("yourkey"); var srcs ...翻译 2019-04-24 11:40:00 · 2788 阅读 · 0 评论 -
nginx+vue+webpack配置二级域名
⚠️:文中的demourl指的是二级文件的名称1.修改生成文件中的路径 config/index.js文件2.修改路由文件中的base 配置3.修改nginx中的配置4.在地址栏中输入地址即可 大功告成 配置完成后千万记得重启哦...原创 2019-03-16 17:28:24 · 1853 阅读 · 0 评论 -
svg-icon的使用
1.webpack.base.conf中配置svg的依赖和loader { test: /\.svg$/, loader: 'svg-sprite-loader', include: [resolve('src/icon')], options: { symb...翻译 2019-03-16 10:50:18 · 10894 阅读 · 0 评论 -
小笔记
1.vuejs不能监测到给数组赋值 因为javascript的限制解决办法:this.curarrlist.splice(index,1,curindexval)2.数组有关的操作(去重) 常规:let arr = [11, 23, 26, 23, 11, 9] const deduplication = arr => [...new Set(arr)] ...翻译 2019-01-17 11:20:27 · 177 阅读 · 0 评论 -
vuedraggable插件使用---小心得(欢迎广大网友补充)
1.最近有个需求是 a)左边菜单栏的菜单项拖动到右边的容器中; b)左边的菜单栏的内容不变 c)拖动的过程中默认的影子单元来模拟被拖动单元换成固定的图片综上,上网找了很多有关的vue拖拽组件,其中发现vuedraggable组件比较符合需求。2.官网地址:https://www.npmjs.com/package/vuedraggable发现功能确实强大,然后就着...原创 2018-12-08 16:31:54 · 20069 阅读 · 47 评论 -
vue自定义全局组件
1.创建一个组件文件夹内新建一个.vue和.js文件2..vue组件中就是组件的内容,.js文件中使用install方法将组件注册为全局eg:下图import scrollDiv from './scrollDiv'const defaultComponentName = 'scrollDiv'const scrollDivBox = { install(Vue, opti...原创 2018-11-28 18:28:21 · 389 阅读 · 0 评论 -
vue实现全选 单选功能
实现效果 待选 全选 单选 多选代码1.页面结构2.逻辑代码3.binggo 就这么愉快的完成了原创 2018-11-17 15:42:44 · 3458 阅读 · 3 评论 -
vuejs实现倒计时
1.短信60s倒计时代码实现 : a)html结构<template> <div class="buttonItem"> <input v-model="vercode" type="text" placeholder="输入验证码"> <div class="re原创 2018-10-18 11:19:03 · 16667 阅读 · 2 评论