- 博客(17)
- 收藏
- 关注
RSS订阅原创 前端 JS 分页功能的实现
page.js文件内容function buildPagination(pageNo, pageSize, total){ if(total <= 0){ return; } var maxPage = parseInt(total / pageSize); if((total % pageSize) > 0){ max...
2020-03-06 13:26:12
375
原创 bootstrapvalidator表单验证、验证清除重置
// 初始化表单验证$(function () { formValidator(); }); // Modal验证销毁重构$('#add').on('hidden.bs.modal', function () { $("#formValidate").data('bootstrapValidator').destroy(); $('#formValidate').dat...
2020-03-05 10:54:55
802
原创 vue 提取公共的方法
1. 创建文件夹 以及 JS文件 用来存放公共的方法common.js 文件中内容如下const commonData = () => { console.log('我是公共的方法')}export { commonData }2. ① 在 main.js 文件中全局引入，并在 vue 的原型链 (prototype) 中注册// 引入 common.jsimport ...
2019-11-19 17:35:49
1228
原创 vue 全局引用公共的组件以及公共的JS文件
1. 创建一个公共的目录 timeline ，里面包含 timeline.js 和 timeline.vue 文件，timeline.vue 用来写公共的页面，timeline.js 用来导出这个组件。timeline.vue 文件内容如下<template> <div>页面展示内容</div></template><scri...
2019-11-19 16:03:12
2100
原创 JavaScript 实现同时选取多个时间段
<template> <div> <ul> <li v-for="(item,index) in timeLine.idList" :key="index" iselected="0" @mousemove="item.id != undefined ? move_li...
2019-10-16 16:47:30
963
1
原创 解决 Vue 项目中使用 iView 组件库设置样式不生效的问题
找到要设置样式的类名，直接按照下面写法设置就可以了！<style lang="less" scoped>@deep: ~'>>>';@{deep}.ivu-transfer-operation { visibility: hidden !important;}</style>...
2019-05-24 17:51:16
1969
原创 CSS 实现隐藏滚动条同时又可以滚动内容
<div class="outer_div"> <div class="inner_div"> <div>我是内容</div> </div></div>.outer_div { position: relative; overflow: hidden; width: 200px; ...
2019-05-24 17:45:11
1045
原创 记录 iView 的表单验证
记录 iView 的表单验证iview表单验证必要设置 1. 给 Form 标签用 :model 绑定数据 2. 给 Form 标签里面必须添加 ref ，用于最后提交获取 Form 表单的实例 3. 给 Form 设置属性 rules :rules 4. 给需要验证的每个 FormItem 设置属性 prop ，用于表单验证与绑定属性一致iview验证多个表单问题<...
2019-05-09 11:13:26
235
原创 删除数组中指定的一个或多个对象
删除数组中指定的一个或多个对象var addTableData = [ { id:1, count:1 , price:1}, { id:2, count:2 , price:2}, { id:3, count:3 , price:3}, { id:4, count:4 , price:4}];var delTableData = [ { id:1, count:1 , ...
2019-05-07 19:20:48
3589
3
原创 删除数组对象中重复的对象
删除数组对象中重复的对象var goodsList = [ {goods:{id:1},price:1,count:1}, {goods:{id:1},price:1,count:1}, {goods:{id:2},price:2,count:2}, {goods:{id:2},price:2,count:2}];for(var i = 0; i<goodsLi...
2019-05-06 10:14:09
947
原创 浅谈Vue 中的 computed 和 methods 的使用
浅谈Vue 中的 computed 和 methods 的使用computed：在computed中的函数，是在dom加载后马上执行的methods：在methods中的函数，必须要有一定的触发条件，才会执行Vue.js 将绑定表达式限制为一个表达式，如果想要实现绑定多于一个表达式的逻辑，应当使用计算属性下面表格若要实现根据不同的角色，来显示表格中是否包含操作一列的效果，使用methods...
2019-04-29 14:28:38
2071
原创 Vue项目 使用iView 通过render函数 实现 InputNumber 的双向数据绑定
Vue项目 使用iView 通过render函数 实现 InputNumber 的双向数据绑定问题：在以下表格中使用InputNumber需要进行双向数据绑定，但是动态生成的InputNumber输入框组件无法绑定v-model，可以通过render函数进行双向数据绑定。template部分<Table border stripe :column...
2019-04-28 17:55:08
2204
原创 点击表格中按钮触发自身事件以及上级事件问题
点击表格中按钮触发自身事件以及上级事件问题在表格中操作一列有删除和修改按钮，分别给删除和修改按钮注册了点击事件，但是同时还给表格的每一行注册了点击事件（项目需要在点击每一行时显示当前的详情信息），之后就发生了在点击删除和修改按钮时，不仅触发删除和修改按钮绑定的点击事件，还触发了给每一行注册的显示详情信息的事件。// 点击删除按钮delectTableData(nowid) { eve...
2019-04-24 18:17:09
781
原创 Vue 使用过滤器实现将时间戳转日期格式
Vue 使用过滤器实现将时间戳转日期格式render函数是渲染一个视图，然后提供给el挂载，如果没有render则页面什么都不会显示， Vue 实例对象的 render 方法作为一个函数，接受传入的参数 h 函数，返回 h() 的函数调用结果。JS部分// 将时间戳转日期格式的过滤器Vue.filter('dateFormat', (dataStr) => { var time...
2019-04-24 17:00:54
1009
原创 vue2 v-model/v-text 中使用过滤器
vue2 v-model/v-text 中使用过滤器Vue.js 允许自定义过滤器，一般可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 v-bind 中 -...
2019-04-24 15:56:55
3099
原创 CSS Text Properties 文本属性
@[文本 Text属性]text-indent：设置对象中的文本的缩进vertical-align：设置对象内容的垂直对齐方式text-align：设置对象中文本的对齐方式direction：用于设置文本流的方向white-space：设置对象内空格的处理方式text-overflow：设置是否使用一个省略标记（…）标示对象内文本的溢出...
2018-11-02 23:32:42
211
原创 CSS Font Properties 字体属性
@[字体 Font属性]font：复合属性，设置或检索对象中的文本特性color：设置对象的文本颜色font-family：设置用于对象中文本的字体类型font-size：设置对象中的字体大小font-style：设置对象中的字体样式font-weight：设置对象中的文本字体的粗细text-decoration：设置对象中的文本的装饰，如下划线、闪烁等text-shadow：设...
2018-11-02 23:17:57
2618
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人