Html
请告诉他
日日行,不怕千万里;常常做,不怕千万事。
展开
-
解决vue.esm.js:578 [Vue warn]: Invalid prop: type check failed for prop “value“. Expected String, Numb
解决 vue.esm.js:578 [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Undefined.原创 2023-10-21 11:36:02 · 822 阅读 · 0 评论 -
解决lxx.vue:197 Uncaught (in promise) TypeError: Cannot read pr
在把表单的数据重新设置成为提交参数时候,_this.dayLine这个变量无法识别出来,其实dayLine是定义在了form对象中,改为_this.form.dayLine,问题解决。定是什么变量没定义导致,所以,从data定义,到表单的绑定,到提交时候参数的设置,一步步对。sssss.vue:197 这个文件的197。控制台,从报错信息看是发生在。是在点击提交时候发生的报错。原创 2023-02-04 13:25:42 · 212 阅读 · 0 评论 -
css设置div背景图片大小,适应宽度
问题:background-size:属性的auto值对于显示图像的原始大小(长度和宽度)很有用。 也是默认值。原创 2021-06-08 09:46:08 · 6183 阅读 · 0 评论 -
一篇解决Element ui密码框眼睛图标明文密文,不允许中文输入以及输入的各种校验
先上效果,再上代码,后面有说明HTML <el-form-item label="新密码" prop="cpPassword" style="margin-left: 13px;"> <el-input v-model="supplierEx.cpPassword" :type="pwdType2" placeholder="请输入密码" @keyup.enter.native="login"> <i slot...原创 2021-01-29 17:16:31 · 3269 阅读 · 4 评论 -
element ui表格中如何在行内加入对该行记录的操作(删除/编辑/查看)
一、先上效果其实难点是如何拿到该行记录我们需要的唯一属性,简单的jq容易通过遍历可得,但是用了Element ui就要根据官网规则使用二、好,找到官网的使用说明:https://element.eleme.cn/#/zh-CN/component/table三、找到需求所对应的案例四、具体的代码片段 :页面代码js代码五、根据以上官网所得信息,我们开始编写自己需求页面,以删除为例,其他操作更简单首先页面编写如下<e...原创 2021-01-20 14:24:16 · 1129 阅读 · 1 评论 -
css flex布局超长自动换行
要创建一个 flex 容器,只需要将一个 display: flex 属性添加到一个元素上。默认情况下,所有的直接子元素都被认为是 flex 项,并从左到右依次排列在一行中。如果 flex 项的宽度总和大于容器,那么 flex 项将按比例缩小,直到它们适应 flex 容器宽度演示:找一个页面敲击f12,找到div内多个div的元素组合,声明flex 并width:900px;给予定宽好让后面实践自动换行的功能同样的:通过控制台的css进行样式的调整,如下得到:很明显,印证了.原创 2021-01-08 11:27:42 · 49428 阅读 · 2 评论 -
处理vue elementui图片回显编辑/修改/删除
需求elementui提供啦美观的控件支持页面快速开发,这里结合jq来实现控件图片上传后的回显问题,回显还能进行编辑,效果如下代码:html中加入:file-list="fileList"在created中加入后台请求的操作,我这里我是后台渲染好的数据,直接从页面抽取出来,目的是获取后台返回的图片地址,然后对地址进行改造,如下<el-upload action="#" list-type="picture-card" ...原创 2020-12-21 17:32:52 · 8443 阅读 · 4 评论 -
div外点击,让该div消失
借助jquery来实现这个简单的小功能依赖<script type="text/javascript" src="/js/jquery-1.8.2.min.js"></script>Html<div> <div class="r-input-t" style="background:red;width:20px;height:30px;" onclick="click1()"> 点我 <...原创 2020-09-23 15:34:36 · 935 阅读 · 0 评论 -
div弹出框加遮罩完整版,复制粘贴就能用
先上效果,后面的代码为了让样式复制不那么麻烦,我尽量多写在行内上一版本比较复杂,结合了js ,ajax请求和诸多交互的js代码点击了解上一版本这版本是js只管弹出窗体以及遮罩/** * 点击弹出框的地方 */function moreWhInfo() { $("#MyDiv").show();//弹出窗体 $(".mask").show(); //遮罩层};//关闭弹出层$(".closeBtn").click(function () { ..原创 2020-09-23 09:46:29 · 1388 阅读 · 3 评论 -
js动态替换img图片地址以及attr()的常用功能
$(".imgclass").attr('src',imgSrc)先上效果需要引入jquery依赖<script type="text/javascript" src="/js/jquery-1.8.2.min.js"></script>html<div class="r-input-t"><li><img src="/images/djimart/footer/Singapore.png" alt=""/&g...原创 2020-09-22 14:58:20 · 4766 阅读 · 1 评论 -
用一个导航菜单的案例说一下css带三角的对话框怎么写
先看效果图这里的效果是,鼠标指向Help导航的时候,出现一个对话框形式的子菜单先看html,行内样式是我为了布局做的一些小修改,自己项目中根据个人项目修改Html<%--Help--%><li class="loginLiFour" style="text-align: center;width: 65px;"> <a href="javaScript:;" target="_blank" class="menu_a clear" s..原创 2020-09-17 11:32:20 · 218 阅读 · 0 评论 -
div弹出窗口+表单事件
Html代码当前页找个地方嵌进去不要影响页面整体结构就行,主要是没触发这个窗口弹出前是隐藏的这里为了方便我加用了Jbox ,依赖jquery1.8x,高版本的jquery我这边试过不支持jbox ,比如我试过的 jquery2.xJbox也是弹出框,点击查看JBOX详细运行案例Html<div id="MyDiv" class="white_content"> <s:form action="todosomething.html" id="app...原创 2020-09-11 13:59:54 · 1354 阅读 · 2 评论 -
js实现页面上下滚动跟随块
背景:页面列表底部存在一些操作按钮,列表太长时候超过了显示器高度,需要滚动列表到最底部才能看到这些按钮进行操作需求:列表没超过屏幕高度时候,这些按钮处于列表底部30px处,列表超出屏幕高度时候,这些按钮距离屏幕底部0px处,跟随页面滚动。下图红色箭头所示这个按钮区域为正常显示状态页面网上滚动效果如下HtmlCSS/*块跟随*/.list-bottom{ position: fixed; bottom: 20px; width...原创 2020-09-03 11:29:46 · 1210 阅读 · 0 评论 -
利用div也能写出漂亮的表格
需求Html<div class="bottom-list"> <div style="margin-bottom: 3px; font-size: 20px;color: #333;">Payment and Settlement</div> <div style=" background:#f9f9f9;display: flex;justify-content: center;"> <div clas.原创 2020-09-01 09:42:39 · 4258 阅读 · 0 评论