请选择 进入手机版 | 继续访问电脑版
搜索
房产
装修
汽车
婚嫁
健康
理财
旅游
美食
跳蚤
二手房
租房
招聘
二手车
教育
茶座
我要买房
买东西
装修家居
交友
职场
生活
网购
亲子
情感
龙城车友
找美食
谈婚论嫁
美女
兴趣
八卦
宠物
手机

js+vue、纯js 按条件分页

[复制链接]
查看: 85|回复: 0

2万

主题

2万

帖子

7万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
71562
发表于 2020-1-14 13:06 | 显示全部楼层 |阅读模式
听说大牛都从博客起头的。。。
人狠话不多,翠花上酸菜代码:
有注解底子上都看的懂!可是自己照旧要留意以下几点,省得今后再浪费时候。
#.vue 中监听事变 v-on:change=“vueChange($event.target.value)”(或@),留意 纯 js中监听事变 onchange="JSChange( this.options[this.options.selectedIndex].value  )"来获得 value;也可以在函数中拿到标签 Dom 用  addvaddEventListener ('change', function(){ JSChange(this.options[this.options.selectedIndex].value ) },false).然后在  JSChange()方式中罗致 value 处置赏罚数据。分页代码都差不多。
#.经过name属性获得标签 Dom: document.getElementsByTagName('select')[name="test"].
#.典范为 number 的 input 框意外的输入字母 e (自然常数,为数学中一个常数,是一个无穷不循环小数,且为超越数,其值约为2.71828)处置赏罚:onkeypress="return( /[\d]/.test(String.fromCharCode(event.keyCode) ) )"。
#.分页功用重要在 winnerGroup() 方式,双层循环没啥说的要做保险。
#.css 中 select 和 input 设备了一样的宽高 但 select content 总是少 2px
select:
我的关键词 js+vue、纯js 按条件分页  热门消息 9998402-0efe2c372e4ecc91
input:
我的关键词 js+vue、纯js 按条件分页  热门消息 9998402-e1eae4b9a3713430
box-sizing: border-box;/* 元素的任何内边距和边框都将包含在已设定的宽度和高度内 */
也就是把内边距和边框都包含在你设备的 height 和 width 里了(应当可以了解包含在 content)这样就处理了纷歧致的状态。
#. v-model 双向数据绑定,监听 pageNumber 变革随之变革。
  1.   1   2   3       4           5            
  2. [list]  6                 
  3. [*]{{winner.name}}  7            
  4. [/list]  8         
  5.   9         每页表现 10              11              12              13                 3 14                 6 15                 9 16             条 17             上一页第 18             {{pageNumber}}页 19             下一页 20             前往第 21             页 总共 22             {{size}}页 23         
  6. 24     
  7. 25  26  27 112 113 114     /* 去掉高低箭头 */115     input::-webkit-outer-spin-button,116     input::-webkit-inner-spin-button {117         -webkit-appearance: none;118     }119     input[type="number"]{120         -moz-appearance: textfield;121     }122 123     .condition{124         float: right;125     }126 127     input, select{128         /* 元素的任何内边距和边框都将包含在已设定的宽度和高度内 */129         box-sizing: border-box;130         text-align: center;131         padding: 0px;132         border: 1px solid rgb(169, 169, 169);133         height: 23px;134         width: 30px;135     }136
复制代码
免责声明:假如加害了您的权益,请联系站长,我们会实时删除侵权内容,感谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Copyright © 2006-2014 淄博新闻网-淄博日报 淄博晚报 淄博财经新报 掌中淄博 淄博专业新闻资讯发布网站 版权所有 法律顾问:高律师 客服电话:0791-88289918
技术支持:迪恩网络科技公司  Powered by Discuz! X3.2
快速回复 返回顶部 返回列表