HeroineYx-CSDN博客

原创数组常用操作

1、length返回数组的长度或者设置数组长度 var a=[1,2,3,4] var c=[{'name':'lili'},{'age':'18'}] var b=a.length //b为数组长度4 a.length=2 //a变为[1,2] var d=c.length //d为数组长度2 c.length=1 //c变为[{'name':'lili'}]2、push()在数组末尾加一个元素(可加多个)var a=[1,2,3,4]var c=[{'name':'lili'},

2022-01-13 15:58:52 204

原创 layui数据表格动态渲染表头

在项目中利用layui数据表格的时候遇见几次需要动态渲染表头的情况，查了些资料，总结了一下，总体都是讲数据表格渲染列的cols:[]这部分代码拿出来进行操作。当需要对页面中表格进行切换时，对于不同表头需要根据一个切换状态值进行渲染。 var head = { title: [ { id: 0, data: [ { field: 'name', title: '姓名', width: '8%' } ,{ field: 'id', titl

2020-09-17 18:02:35 2715

原创 jq实现点击复制文本功能

实现点击钮复制文本的功能多数会用到window.clipboardData.setData()的方法，但是这个方法只针对ie内核浏览器，我使用谷歌调式的时候会报错，如果不想外引js文件就能实现兼容性高的复制文本功能，尝试一下document.execCommand(“Copy”)，上代码：//首先要在html中写一个input标签，标签不能设为隐藏，可以将透明度置为0，这样就看不见了<input id="hide" type="text" style='opacity: 0'>//接着就是

2020-05-27 10:02:46 3905

转载 jquery实现表格的上下移动和置顶操作

$(function(){ //上移 var $up = $(".up") $up.click(function() { var $tr = $(this).parents("tr"); if ($tr.index() != 0) { $tr.fadeOut().fadeIn(); ...

2019-12-02 15:31:40 183

原创组件通过props接收的值来更新data的值

如果一个组件通过props获得值，怎么将值赋给data呢？ props: { info: { type: Array, default: function(e) { return {} }, },此时获得了info数组的内容，想要为data动态绑值，需要用到watch： watch: { info: function(newVal) { th...

2019-11-11 13:21:24 1570

原创 vue非父子组件间传值并动态改变data中的值

在写项目时遇到了兄弟组件也就是非父子组件间传值的情况，但是网上大都是父子组件间传值的教程，如何实现非父子组件间传值呢？首先要先在为组件写一个公共的js也就是图中的vueEvent.js，并在js中添加代码import Vue from 'vue'var VueEvent =new Vue()export default VueEvent接着需要在两个组件里引入，注意是两个组件里都要...

2019-11-11 13:14:11 888 5

原创 mt-navbar 获取当前选中id

使用mint-ui的插件mt-navbar时发现使用@click绑定点击事件失效<mt-navbar v-model="selected" @click="select"> <mt-tab-item id="1" >你好</mt-tab-item> <mt-tab-item id="2" >hello</mt-tab-item...

2019-11-04 14:45:28 809

原创 uni-app实现点击tabbar跳转页面后隐藏tabbar

利用uni-app写h5的项目时遇到点击tabbar中的内容跳转页面后不显示底部的tabbar，因为tabbar是在pages.json中注册的，只要是注册过的页面都会显示tabbar但是现在需要点击tabbar中的“我要投诉”跳转页面后不显示底部导航栏就需要写一个中间页pages/user-complain/user-complain页面中书写代码methods: { onShow...

2019-10-29 13:51:55 10530 4

转载 CSS3 :nth-of-type() 选择器

:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.n 可以是数字、关键词或公式。例子：Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。在这里，我们为奇数和偶数 p 元素指定两种不同的背景色：p:nth-of-type(odd){background:#ff0000;}p:nth-of-typ...

2019-10-24 13:59:17 522

原创 jquery实现计算两个日期之间天数

日期选择需要用到jedate日期插件，其api文档请访问jedate日期控件首先要引入日期控件的相关css文件以及js文件，可以去官网下载下载地址然后在html里面引入<link rel="stylesheet" href="css/jedate.css"><script src="js/jedate.min.js"></script>注意需要将...

2019-10-18 10:33:25 1507

原创翻页功能ajax渲染及序号自增

翻页功能序号自增@TOC欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设...

2019-10-12 13:56:59 465

不要秃头