
html
文章平均质量分 57
eara's
这个作者很懒,什么都没留下…
展开
-
vue修改select option绑定的数组对象却无法及时刷新页面数据
关于VUE修改select option绑定的数组对象却无法及时刷新页面数据问题,记录一下。html页面代码如下:<el-select v-model="searchData.id" clearable placeholder="请选择" @change="currentSelVenderId"> <el-option v-for="direction in formData.accountIdDict" :key="dir转载 2021-04-26 10:23:26 · 1841 阅读 · 0 评论 -
MUI底部选项卡切换页面
底部选项卡的切换,可以说是APP的标志之一。 几乎主流的所有APP,都会在底部有多个选项卡,可以点击切换不同页面。而这个功能,MUI也很友好的给我们提供了两种方式:DIV模式和WebView模式。两种模式的显示效果差不多,如下图可见:1两种模式的区别顾名思义,DIV模式是将所有子页面的内容,分别放置到主页不同的DIV中,当我们点击主页的不同选项卡时,切换不同DIV的显示。 这种方式显然要比加载子页的方式快很多,但是也显然不能承载很多布局的页面,毕竟要在一个主页中写入所有子页面的代码,..转载 2021-03-20 14:28:42 · 1083 阅读 · 0 评论 -
element-ui的resetFields()方法不生效的原因及解决方法
问题描述:先调用编辑回显再调用新增 this.$ref['form'] .resetFields()无法重置表单项原因:调用编辑的时候,表单的初始值被设置为回显的值,每次重置时只是重置为初始值,不是空值。element-ui的官方文档:当我们第一次打开Dialog,紧接着设置回显,因为Dialog还没执行完毕,这时form的初始值会被设置为回显的值,所以在调用this.$ref['form'] .resetFields()时form看起来没有重置。解决:在设置回显值的时候,不原创 2020-05-18 17:11:25 · 28272 阅读 · 9 评论 -
Ajax提交表单(包括上传文件)
页面代码: <form id="form"> <input type="file" name="file"/> <input type="text" name="name"/> <input type="butt原创 2018-11-05 17:45:51 · 970 阅读 · 0 评论 -
里面的div怎么撑开外面的div,让高度自适应
关于容器高度自适应的兼容性问题。1.有些时候,我们希望容器有一个固定高度,但当其中的内容多的时候,又希望高度能够自适应,也即容器在纵向能被撑开,且如果有背景,也能够自适应。在一般情况下,使用min-height即可解决。但是广大网民的首选浏览器ie6并不支持min-height。ie7,opera,火狐没有问题。所以采用以下写法可以解决兼容性:代码如下:height:auto!imp...转载 2018-11-05 11:23:07 · 2062 阅读 · 0 评论 -
使用fmt:setTimeZone解决时区不同,时间显示问题
使用国外的服务器时,会存在时区问题,new Date() 获得的时间与本地时间不一致。可以使用<fmt:setTimeZone>来正确显示时间。<%@ page contentType="text/html" pageEncoding="UTF-8"%><%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/j.原创 2018-11-07 11:58:47 · 2085 阅读 · 0 评论 -
HTML 禁止复制文字
有时我们会遇到禁止用户复制网站的文字内容,例如小说网站,我们可以通过下列方法提高复制内容的门槛,来实现我们的目标。1.禁用选中和右键:在<body>标签中添加以下代码:oncontextmenu='return false' 禁止右键ondragstart='return false' 禁止拖动onselectstart ='return false' ...原创 2018-10-23 10:13:08 · 15761 阅读 · 2 评论 -
Js倒计时功能实现
在页面上实现倒计时的功能,如下图:代码:js://获取服务器当前时间var serverTime;$(document).ready(function(){ serverTime = new Date($.ajax({async: false}).getResponseHeader("Date")).getTime();});//var asd = setInter...原创 2018-10-20 14:56:57 · 3361 阅读 · 0 评论 -
HTML5 history新特性pushState、replaceState
转载自:https://blog.youkuaiyun.com/tianyitianyi1/article/details/7426606DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退。从HTML5开始,我们可以开始操作这个历史记录堆栈。 1.History使用back(),forward(),和go()方法...转载 2018-10-15 10:13:43 · 2046 阅读 · 0 评论 -
html 禁止浏览器后退
在禁止后退的页面直接添加下面的js代码即可,详情可参考https://blog.youkuaiyun.com/baidu_23275675/article/details/83054949//防止页面后退history.pushState(null, null, document.URL);window.addEventListener('popstate', function () { ...原创 2018-10-15 10:11:53 · 8060 阅读 · 1 评论 -
Html 禁用浏览器缓存 input值
如果不想让浏览器缓存input的值,有2种方法:方法一: 在不想使用缓存的input中添加 autocomplete="off"; <input type="text" autocomplete="off" name="name" />方法二: 在 input 所在的form标签中添加 autocomplete="off"; <form ac原创 2018-10-13 15:31:18 · 1255 阅读 · 0 评论