我的大树-CSDN博客

原创 jquery滚动tab吸顶，点击tab选项卡对应内容滚动到固定位置，滚动内容的同时选中对应tab选项卡

jquery滚动tab吸顶，点击tab选项卡对应内容滚动到固定位置，滚动内容的同时选中对应tab选项卡

2023-05-15 16:27:47 463

原创 vue在scss中使用data的变量

场景：使用vant框架的时候，需要动态改变元素的字体颜色templete<van-checkbox :style="cssVars" v-model="this.checked">{{txt}}</van-checkbox>computedcomputed:{ cssVars() { return { "--color": this.color }; },

2022-04-12 14:54:43 3451

问题：vue项目同一个路由跳转（路由不变，后面参数变化），第一次碰到这个问题的时候，搜了很多文章，大约是第一种解决方案，很顺利解决了。可是！！！在app上的时候，它地址变了刷新不了！！第一种方法window.location.href = 改变参数后的新地址window.location.reload();在app上地址更新但是不刷新！！！然后就有了第二种方法第二种方法<router-view :key="$route.fullPath"/>这样可以在app上解决！！！

2022-04-12 14:19:52 1469

原创 vue动态设置背景图片

<div class="item_text" :style="{backgroundImage: 'url(' + item.busiCode[0].Leftimg + ')', backgroundSize:'100% 100%', backgroundRepeat: 'no-repeat'}">{{item.busiCode[0].context}}</div>

2020-10-26 10:23:58 1873

原创 vue+elementui限制input只能输入数字

除了数字其他输入不了~~<el-input v-model="num" onkeyup="this.value = this.value.replace(/[^\d.]/g,'')"/>

2020-09-10 14:14:40 1209

原创 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

2020-07-30 10:24:43 3984 2

原创 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

2020-07-30 10:19:22 5236 1

原创 vue-element-admin打包报错（css路径错误）

在vue.config.js中把publicPath: ‘/’,改成publicPath: ‘./’,然后打包就好啦！！！！！！！！！！

2020-07-15 19:07:13 1400

原创 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

2020-07-08 14:37:18 980 2

原创 vue-element-admin-master默认显示为中文

在使用日历的时候，显示为英文（如上图这样），所有在看网上的很多方法后感觉那些麻烦，找了很久找到一个简单的方法找到src/main.js把第9行和38行这两行注释掉就可以了~~~

2020-07-04 18:01:35 1373

原创 el-scrollbar--隐藏横向滚动条

.el-scrollbar__wrap{ overflow-x: hidden; }写在css里，不要写在< lang=“scss” scoped>里，否则没有效果！！！！！！！！！

2020-07-04 10:04:12 2741

原创 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...

2020-07-03 09:40:10 4792 6

原创 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

2020-06-19 15:47:36 1048 1

原创 js获取地址栏携带的参数

<a href="aa/bb.html?id=2"></a>在bb.html页面写上下面这句话就好了 var id = window.location.search.split("=")[1].split("&")[0];

2020-06-19 15:41:15 264

转载 :before和::before是什么区别

相同点都可以用来表示伪类对象，用来设置对象前的内容:befor和::before写法是等效的不同点:befor是Css2的写法，::before是Css3的写法:before的兼容性要比::before好，不过在H5开发中建议使用::before比较好加分项伪类对象要配合content属性一起使用伪类对象不会出现在DOM中，所以不能通过js来操作，仅仅是在 CSS 渲染层加入...

2020-06-19 15:35:01 1074

原创 js实现五彩斑斓的效果~

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; list-style: none; } body{ .

2020-06-11 17:38:18 515

原创 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") } }~

2020-06-02 09:58:49 2945

转载 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();...

2020-06-01 16:16:36 1621

原创 ajax data传值

ajax传参数$.ajax({ headers: {'token': }, url:, type: 'post', data:"roleId="+i

2020-06-01 16:11:58 441 1

原创 layui动态获取左边菜单栏数据实现展开收起

之前写的时候获取了数据，显示之后没有点击效果，后来才知道是因为少了element.init()~~~~~~以此记录一下$.ajax({ headers:{"token":}, type: 'get', url: , dataType: 'json', success: function(obj) { laye

2020-05-21 09:19:26 3270 2

原创 VUE新建一个项目（详细）

第一步下载node.js npm安装下载完成之后，双击安装，一直点击next即可点击finishi完成安装打开控制命令行程序（CMD）,检查是否安装成功虽然node自带npm如果不是最新版本，可使用npm install -g npm更新至最新版本使用淘宝NPM 镜像大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。npm insta...

2020-04-02 18:05:04 528

原创上传图片任意使用canvas画自己想画的图形并填充

没有找到合适的框架，自己写的，代码比较糙，这是效果图直接复制就可以啦~<input type="file" class="sc_an" id="file_upload"/><div class="sc_tu_view" id="jm" style="position: relative"> <img src="" id="sc_tu_xs"/...

2019-10-11 13:21:08 1270

原创 canvas实现任意画线条以及画矩形

效果图<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-sc...

2019-07-05 15:25:06 3744 6

原创 ajax请求list集合数据结合插件jquery.treetable展示数据

ajax请求两个list集合数据 window.onload=function() { $.ajax({ async:false, url:"../showProjectAging.do", type:"post", dataType:"js...

2019-05-22 11:02:39 441

原创后台获取id通通过$.ajax页面传值，被传值页面根据id从后台取其他数据并显示

把获取的数据插入到dl中，每个链接地址进行拼接$.ajax({ async:false, url:"showProjects.do", type:"post", dataType:"json", success: function(data){ ...

2019-05-14 11:47:55 4553

原创 jQuery,ajax,实现前后台数据对接（——登录页面）

html表单代码<form id="form1"> <div class="user"> <img src="images/user.png" alt=""/> <input type="text" name="user_username" id="user"/&...

2019-05-11 10:56:15 4846

原创 table实现简单的模糊搜索

样式可以自己调，只是简单的搜索，只要一行内含有所搜索的内容，就会搜索出。如果要按照名称，只需改变选择器即可$(function () { $("#cc").click(function () { var $aa=$("input[type=search]").val(); $("table tr").hide().filter(':contains(...

2019-04-24 09:14:52 609

原创表格点击每一行的全选

$(".qx_fenhao").click(function(){ $(this).parent().nextAll().find("input[type=checkbox]").prop("checked",this.checked); });<tr> <td><input type="ch...

2019-04-24 08:43:22 268

原创输入经纬度在地图中标注位置（百度地图）

代码<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scala...

2019-04-23 16:59:41 7239 2

原创 js根据输入的地址获得经纬度（百度地图）

<html><head> <title>查询经纬度</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="http://api.map.b...

2019-04-23 10:05:25 1651

原创 table表格多级展开插件jquery.treetable的使用

表格可无限级展开链接文件 <link href="css/jquery.treetable.theme.default.css" rel="stylesheet" type="text/css" /> <link href="css/jquery.treetable.css" rel="stylesheet" type="text/css" /> ...

2019-04-16 09:30:07 3001

原创 CheckBox、radio改变默认样式，自定义样式

input[type=“radio”] {height: 22px;width: 22px;margin-right: 10px;display: none;}input[type=“radio”] + label::before {content: “\a0”; /不换行空格/display: inline-block;vertical-align: middle;fon...

2019-04-16 08:56:47 429

原创关于css的float、overflow以及clear

给一个块级标签浮动时，例如float：left，要给此浮动块元素的父标签加上overflow：hidden，给其子元素加上clear：left（或者clear：both）使其父元素以及子元素不受浮动影响...

2019-04-16 08:37:36 188

原创纯CSS自适应表格

纯CSS自适应表格 table {border: 1px solid #ccc;width: 80%;margin:0;padding:0;border-collapse: collapse;border-spacing: 0;margin: 0 auto;}table tr {border: 1px solid #ddd;padding: 5px;}tabl...

2019-04-16 08:32:41 772

qq_43033730的博客