XiaoYi0215-优快云博客

原创 element-plus日期选择器 value-format出错

设置日期选择器DatePicker，使用valu-formate，根据element官网代码应该是如下写法: <div class="block"> <span class="demonstration">使用 value-format</span> <div class="demonstration">值：{{ value2 }}</div> <el-date-picker v-model="va

2021-07-17 18:07:59 6689 7

原创 uni-app 开发+问题

1.2020.5.19 问题：微信小程序预览报错：无效的json文件:desc if scope.userLocation is empty [20200519 16:36:20] [小程序APPID]解决：manifest.json -->微信小程序配置-->微信小程序权限配置不要勾选或者填写描述内容2.父子组件传值(vue)，this.$emit()...

2020-05-19 17:53:46 1214

原创 Vue(60s倒计时获取验证码)

（手机号+短信验证码）<template> <div class="taofuli-cash" v-if="showCash"> <img class="cash-bg" :src="bgLogin" /> <div class="cash-con"> <div class="cash-title"&...

2019-10-23 11:47:45 811

原创倒计时

1.hh:mm:ss.msvar s = 0,m = 0,h = 0, ms=0;function setTime() { var d = new Date(); var year = d.getFullYear(); var month = d.getMonth() + 1; var date = d.getDate(); var str = year + "/" +...

2019-10-23 10:50:19 219

原创滚动条悬浮(可以优化)

// 滚动条 fixTableScroller: function() { let tableH = $(".master-table-container").height(); // table高度 let winH = $(window).height(); // 浏览器高度 let ol = 0; // table左边距 let wTop = 0; ...

2019-10-23 10:25:25 2087

原创 px 转 rem

1.vue：pxtorem.js main.js直接引用!(function(n) { var e = n.document, t = e.documentElement, i = 750, d = i / 100, o = "orientationchange" in n ? "orientationchange" : "resize", a...

2019-10-23 09:19:41 250

原创 vue-cli 3 问题记录

1.vscode代码美化（prettier+ eslint）安装prettier - Code formatter 和 ESLint首选项-->设置-->setting.json 设置// #每次保存的时候将代码按eslint格式进行修复 "eslint.autoFixOnSave": true, // 添加 vue 支持 "eslint.validate"...

2019-07-25 18:48:13 700

原创 vue-cli3.0 + vue2.0 + iview----4.使用

1.使用axios 安装 npm install axios --save使用 https://github.com/jiangyi215/yx2JS/tree/master/libs2.使用极验验证安装 ...

2019-04-15 11:25:20 741

原创 vue-cli3.0 + vue2.0 + iview----3.配置与目录结构

1.创建请见戳我2.跟着创建走过一遍之后呢，目录我就不上图了，自己创建的自己知道哈，不知道的自己动动爪吧，天也暖和了3.跟着iview的目录结构可以做参考，不知道iview是啥？戳我4..├── git git配置├── node_modules npm install 生成└── public 打包所需静态资源 ├── index.html 模板文件 └...

2019-04-10 14:13:05 1322

原创数组数据，每行显示不同颜色

// jsdata { c: ['red', 'yel', 'gre'], s: [], list: ['亲子关系', '高效学习', '能力培养', '性格塑造', '安全', '教育', '科学膳食', '健康管理', '教育咨询']},mounted () { this.$nextTick(() => { for (let i = 0...

2019-02-26 17:00:50 1372

原创 vue2.0 绑定鼠标移入移出事件-绑定class

<div v-on:mouseover="handleOver($event)" v-on:mouseout="handleOut($event)"></div><div @mouseover="mouseOver" @mouseleave="mouseLeave"></div>handleOver (e) { console.lo...

2019-02-22 18:11:14 4923

原创 git：webstorm提交项目到码云

1.码云创建项目2.webstorm【以下简称ws】 2.1 ws中VCS 选择【import into Version control】-->【Create Git Repository...】-->选择要上传的项目 2.2右击项目（或要上传的文件夹/文件）【git-->add】 2.3【git-->commit directory】提交添加的...

2019-01-21 18:24:18 2104

原创 uni-app 上拉加载更多效果组件及使用

<template> <view class="pull-up" @tap="pullup"> <view class="rect-text" v-if="state === 0">{{stateText0}}</view> <view class="rect-text"

2019-01-14 17:30:44 9193

原创 vue-cli3.0 + vue2.0 + iview----1.安装-创建

**node安装配置 **1.下载对应你系统的Node.js版本:https://nodejs.org/en/download/ **2.下载完成后，双击“node-v6.9.2-x64.msi”，开始安装Node.js 点击【Next】按钮勾选复选框，点击【Next】按钮【change】修改安装目录，默认在C盘...

2019-01-14 14:39:43 1503

原创 uni-app 问题

1.问题：scroll-view 和 swiper中不能push 过多dom，如果展示商品列表类的数据，需要一直下拉到底加载或者点击加载更多，只能放在view中使用"onReachBottomDistance": 50，页面中使用// pages.json{ "path": "pages/home/home", "style": { "navigationBarBackgro...

2018-12-13 10:50:44 1189

原创 weTouch 开发

vscode 以下简称 vs1.vscode安装weTouch 禁用/卸载touchui2.uileader注册账号3.本地新建空白文件夹，直接拖入vs中4.右键选择weTouch 创建基础工程浏览器预览--weTouch编译并启动开发项目真机预览--weTouch单独编译当前项目 pc手机安装腾讯应用宝数据线连接，手机连接电脑 weTouch在安卓设备上运行，允许安...

2018-12-11 15:26:45 1409

原创 uni-app 图标字体引用

不一样的配方，一样的味道1.先说官网上的使用方法：不支持本地路径，替换方式：使用本地图片或将字体图标转换为base64格式字符串。网络路径必须加协议头 https。从 http://www.iconfont.cn 上拷贝的代码，默认是没加协议头的。示例<template> <view> <view> ...

2018-12-03 18:13:12 15842

原创微信小程序保存【朋友圈图片】

// 分享页jsPage({ /** 页面的初始数据 */ data: { cvBgPath: '../../images/bg_canvas.png', // 画布背景图 cvQRCodeTip: '微信内长按识别小程序码' // 程序码右侧提示文字 }, /** 生命周期函数--监听页面加载 */ onLoad: function (options) ...

2018-10-19 10:37:23 437

原创 vue2.0 + iview2.0 # 服务端

记录一下：使用iview最新模板【老模板是路径带#号的，后端修改重定向后出现的问题】路由设置mode为history，请求服务端登录成功之后被重定向问题：1.修改router里面的mode为hash或者注释可在路径中添加#2.【首先去掉了getUserInfo接口】将else里面原来的去掉，再进行判断...

2018-09-30 19:06:03 625

原创 iview render 子组件给父组件传值

我这里是一个点击事件调用了this.$Modal.confirm,想要自定义模态框中的内容，自定义内容又有tab切换，调用接口，点击事件等复杂操作，所以干脆将该自定义的部分写成了一个组件进行调用。要实现的功能如下图所示：点击某个btn按钮，弹出此框。/*** 1. 父组件*/import theModal from '..';btnClick () { // 点击事件 ...

2018-08-31 11:08:56 3166

原创 Vue从入门到应用的实践【vue2.0- vue-cli】

Vue 创建项目安装脚手架步骤安装Nodejs http://blog.youkuaiyun.com/xxmeng2012/article/details/51492149 安装 vue-cli VUE的脚手架工具 npm install -g vue-cli 查看vue版本 vue -v （vue -V）初始化 init 一个以 webpack 为...

2018-05-04 17:46:04 373

原创 iview-admin 本次开发暂时需要的相关配置

1.使用iview-admin的项目想要将地址栏的localhost改为本机ip地址2.配置axios进行前后端分离调用接口3.配置借鉴文章：webpack.config.js全部有关配置点击打开链接 iview-admin跨域问题解决点击打开链接4.步骤 4.1 webpack.dev.config.js 4.2 util.js 添加...

2018-04-28 17:28:59 6921

原创 vue2.0 + 极验验证

1.极验验证gt.js需要注意的是这两行 window.initGeetest = initGeetest; return initGeetest;网上有博主的文章中是没有这两行的截图的，需要注意。完整的js如下：-----------------------------------------------------------------------------------...

2018-04-12 23:40:04 6788

XiaoYi0215的博客