jquery滚动tab吸顶,点击tab选项卡对应内容滚动到固定位置,滚动内容的同时选中对应tab选项卡 jquery滚动tab吸顶,点击tab选项卡对应内容滚动到固定位置,滚动内容的同时选中对应tab选项卡
vue在scss中使用data的变量 场景:使用vant框架的时候,需要动态改变元素的字体颜色templete<van-checkbox :style="cssVars" v-model="this.checked">{{txt}}</van-checkbox>computedcomputed:{ cssVars() { return { "--color": this.color }; },
vue跳转同一个路由参数不同 问题:vue项目同一个路由跳转(路由不变,后面参数变化),第一次碰到这个问题的时候,搜了很多文章,大约是第一种解决方案,很顺利解决了。可是!!!在app上的时候,它地址变了刷新不了!!第一种方法window.location.href = 改变参数后的新地址window.location.reload();在app上地址更新但是不刷新!!!然后就有了第二种方法第二种方法<router-view :key="$route.fullPath"/>这样可以在app上解决!!!
vue动态设置背景图片 <div class="item_text" :style="{backgroundImage: 'url(' + item.busiCode[0].Leftimg + ')', backgroundSize:'100% 100%', backgroundRepeat: 'no-repeat'}">{{item.busiCode[0].context}}</div>
vue+elementui限制input只能输入数字 除了数字其他输入不了~~<el-input v-model="num" onkeyup="this.value = this.value.replace(/[^\d.]/g,'')"/>
vue-element-admin点击下载文件 创建a标签下载的方式, <el-button type="primary" size="mini" @click="downloadAnnex()"> 下载 </el-button>downloadAnnex() { const aTag = document.createElement('a') aTag.href = 'http://..........?annexId=' + this.i
vue-element-admin之el-form表单上传多个文件,并与表单一起提交 elementUI+vue表单上传多个文件和其他表单数据一起提交这里使用的formdata提交方式,this.$refs.upload.submit()提交会触发http-request自定义上传方法element代码<el-dialog title="文件上传" :visible.sync="uploadVisible" width="650px"> <el-form ref="ruleForm" :model="ruleForm" label-width="100
vue-element-admin新建用户模块mock数据 再views中新建customer,在这里我是在detailed中进行的模拟数据在api中新建customerimport request from '@/utils/request'export function getCustomerDetail(data) { return request({ url: '/vue-element-admin/customer/detail', method: 'post', data })}然后再mock中新建cus
vue-element-admin-master默认显示为中文 在使用日历的时候,显示为英文(如上图这样),所有在看网上的很多方法后感觉那些麻烦,找了很久找到一个简单的方法找到src/main.js把第9行和38行这两行注释掉就可以了~~~
el-scrollbar--隐藏横向滚动条 .el-scrollbar__wrap{ overflow-x: hidden; }写在css里,不要写在< lang=“scss” scoped>里,否则没有效果!!!!!!!!!
vue-element-admin-master修改为自己的登录接口 后台返回数据为{code:‘200’;data:nd424524fsdfs4633263xsc;}首先先看在src中views、login、login.vue登录页中找到handleLogin()就是以下代码handleLogin() { this.$refs.loginForm.validate(valid => { if (valid) { this.loading = true console.log(this...
layui动态获取左边菜单栏laytpl 一定记得写上element.init();之前没加怎么都不行,后来才发现忘了加这句话~~~大家避免踩同样的坑,特来分享一下//一般掌握了laytpl应该都可以实现<script id="demo" type="text/html"> {{# layui.each(d, function(index, item){ }} {{# if(item.menuList.length==0){ }} <li data-na
js获取地址栏携带的参数 <a href="aa/bb.html?id=2"></a>在bb.html页面写上下面这句话就好了 var id = window.location.search.split("=")[1].split("&")[0];
:before和::before是什么区别 相同点都可以用来表示伪类对象,用来设置对象前的内容:befor和::before写法是等效的不同点:befor是Css2的写法,::before是Css3的写法:before的兼容性要比::before好 ,不过在H5开发中建议使用::before比较好加分项伪类对象要配合content属性一起使用伪类对象不会出现在DOM中,所以不能通过js来操作,仅仅是在 CSS 渲染层加入...
js实现五彩斑斓的效果~ <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; list-style: none; } body{ .
layui表格获取数据后改变某一行的背景颜色 for(var i =0;i<res.data.length;i++){ if(res.data[i].status==0){ $(".layui-table tbody tr").eq(i).css("background-color","red") } }~
jquery 如何获取标签本身的文本内容,不包含子元素 保利花园海珠 工业大道中本人想要获取保利花园实现方法:一:var obj = $("#aaaa").clone();obj.find(':nth-child(n)').remove();console.log(obj.html()); 二:var str = $('#aaaa').contents().filter(function (index, content) { return content.nodeType === 3; }).text();...
layui动态获取左边菜单栏数据实现展开收起 之前写的时候获取了数据,显示之后没有点击效果,后来才知道是因为少了element.init()~~~~~~以此记录一下$.ajax({ headers:{"token":}, type: 'get', url: , dataType: 'json', success: function(obj) { laye