vue.js
羽筠
这个作者很懒,什么都没留下…
展开
-
vue 中使 date/time/datetime 类型的 input 支持 placeholder 方法
一般在开发时,设置了 date/time/datetime 类型的 input 属性 placeholder 时,发现实际展示中却并不生效,处理逻辑,判断表单项未设置值时,则设置伪类样式,文本内容为 placeholder 属性值,展示样式重叠在表单项组件上,以达到提示文本效果;原创 2024-04-08 17:49:09 · 242 阅读 · 0 评论 -
接物游戏demo
指定时间内,接到元素则加分,接到炸弹则减分,计时结束,游戏停止。接物元素设置了不同分值。原创 2023-10-20 18:58:24 · 292 阅读 · 0 评论 -
vue-cli项目使用px转rem插件
只能执行命令 npm uninstall px2rem-loader 卸载 px2rem-loader,经测试:根字号大小不会根据页面尺寸宽度极限变大而变化,依据的页面最大尺寸宽度为540px)后改使用 postcss-pxtorem 插件,完美解决 Vant 组件变小的问题。之前使用 px2rem-loader 插件,但会影响Vant组件变小,与 amfe-flexible 搭配。与 amfe-flexible 搭配。与 lib-flexible 搭配。与 lib-flexible 搭配。原创 2023-07-12 17:09:19 · 262 阅读 · 0 评论 -
vue 设置列表项上移、下移、删除操作
vue设置列表项上移、下移、删除操作。原创 2022-11-29 14:18:59 · 1294 阅读 · 0 评论 -
获取base64图片大小
获取base64图片大小。原创 2022-07-18 17:54:05 · 2854 阅读 · 0 评论 -
在浏览器上安装 Vue Devtools 工具
npm命令安装:1、创建一个新的文件夹,如 vue-devtools(注:该文件夹在完成扩展程序安装后,不可再 修改文件夹名称 或 移动位置 或 删除文件夹),cmd命令进入此文件夹2、执行命令:npm install vue-devtools3、下载完成后,进入 node_modules/vue-devtools/vender 文件夹,打开 manifest.json 文件,将 persistent 改为 true ,保存文件4、返回上级目录进入 node_modules/vue-devtools 文件夹原创 2022-07-04 11:57:10 · 829 阅读 · 1 评论 -
使用正则表达式验证及处理相关需求
var app = new Vue({ el: '#app', data: { }, methods: { // 数字从字符分离,使用标签包裹 setNumberSpanParcel(msg){ return msg.replace(/(\d+)/g,'<span class="DIN">$1</span>') }, // 例: // {{setNumberSpanParcel('111文字222文字')}} // 金额用逗号隔开(.原创 2021-11-24 17:47:04 · 258 阅读 · 0 评论 -
纯前端答题交互(可单选、多选)
纯前端答题交互(可单选、多选),用户确定选项可及时判断对错及提示功能;题库可提前使用excel表格录好,在线使用Exel转JSON格式,网址:在线Excel、CSV转JSON格式-BeJSON.com可以根据需求设置参数,即可达到所需效果:每轮需要答题数、满多少分可抽奖、是否提交选项后展示提示对错信息及答案、展示提示对错信息及答案的时长(毫秒)、是否需要计时(每轮正计时 / 每题答题限时倒计时 / 每轮答题限时倒计时)、倒计时开始时间(秒)。原创 2021-04-03 22:02:16 · 2210 阅读 · 0 评论 -
vue cli 微信分享相关设置
vue cli 微信分享相关设置1.npm install weixin-js-sdk --save2.在src文件夹下新建文件夹mixin3.在mixin文件夹中新建share.jsshare.js代码:import wx from 'weixin-js-sdk';export default { methods: { // 设置 隐藏/显示 右上角菜单 setIfShowOptionMenu(flag){ wx.ready(function() { if(flag)原创 2020-07-11 19:27:58 · 293 阅读 · 1 评论 -
H5大转盘,结束后反馈结果
自己写了一个大转盘效果,方便以后用到时直接修改使用使用的图片资源:roate.pngroate_btn.png原理其实是一开始就已经设置好最终中奖结果,根据这个结果实现旋转的,旋转结束后可做相应操作,代码如下:大转盘测试.outBox{ width:300px; height:300px; position:fixed; left:50%原创 2016-08-29 11:39:53 · 1742 阅读 · 0 评论 -
h5九宫格抽奖
九宫格抽奖-jquery:<!DOCTYPE html><html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="viewport" content="wid...原创 2020-04-07 16:36:58 · 1427 阅读 · 0 评论 -
vue.js获取手机验证码倒计时
vue.js获取手机验证码倒计时test:<!DOCTYPE html><html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="viewport" content="width=750, user-scalable=no"><meta http-eq原创 2020-07-11 18:38:48 · 452 阅读 · 0 评论