随笔分类 - WEB前端
摘要:原版的jQuery组件只支持到秒级,现做了改动,已经支持到毫秒级,改完以后的js代码如下 /** * 倒计时插件 * @author Tungse * @param dayTag 显示天数的html * @param hourTag 显示小时的html * @param minTag 显示分钟的ht
阅读全文
摘要:以下基于Vue3.X讲解,Vue2也类似 修改src/router/index.js文件,将history模式改成hash模式 import { createRouter, createWebHashHistory } from 'vue-router' const router = createR
阅读全文
摘要:检查两个地方 表单需要加上ref属性 <el-form ref="form"> 字段域要加上prop属性 <el-form-item label="手机号" prop="mobile">
阅读全文
摘要:vue用的3.0版本,swiper用的swiper6 模板html代码 <swiper :autoplay="swiper_options.autoplay" :loop="swiper_options.loop" :speed="swiper_options.speed" :pagination=
阅读全文
摘要:最近发现,element-ui表单验证遇到v-if时不生效 比如登录页面可能含有手机号登录和邮箱登录等多种方式 我通过一个属性,比如type来去决定用户使用哪种登录方式,再展示具体表单,发现部分字段无法验证,这是表单复用的一个问题导致。 解决方案有以下3种: 在v-if的元素(如div等)上加上ke
阅读全文
摘要:最近在仿做一个网站,有几个轮播图是基于superslide实现的,纯HTML是没问题,但是使用vue就发现轮播图全部失效,无法轮播。 最后看了一段代码,得到启发: 1 $(document).ready(function(e) { 2 $(".banner").slide({ 3 mainCell:
阅读全文
摘要:有如下情景 html部分: js部分: 现在有个需求 点击每一个按钮,弹出该按钮对应的索引 ,但是按照上面的js执行,这样不管点击哪一个按钮,都只会弹出4 具体原因可以自行分析 传统的解决方法,是采用闭包 es6中利用let解决
阅读全文
摘要:通过jquery append(或者before、after,一样)新添加进网页的元素,常用的事件不能触发,比如:append了id 为 abc 的元素,那么 $(#abc).click(function(){})是没有效果的。 解决方法:用on函数 一直以为on函数只有2个参数 正确格式: $("
阅读全文