MeetCode-CSDN博客

原创 `value` provides invalidate moment time. If you want to set empty value, use null instead.

报错原因：ant-design-vue时间日期选择器与v-model一起使用时报错解决方法：将v-model中的时间转化为moment形式<a-date-picker style="width:100%" v-model="contract_date" placeholder="请选择日期" :format="'dateFormat'" :disabled="true" /> </a-form-model-item>retur

2021-01-14 15:57:42 7217 3

原创 javascript的sort方法实现日期排序

javascript的sort方法实现日期排序const arrayList = [ { id: '1', name: '2020年活动事件', startData: '2020-07-01', }, { id: '2', name: '2019年活动事件',

2020-12-24 23:04:04 2435

原创获取日期相减总的天数

获取日期相减总的天数getDaysByDateString (dateString1, dateString2) { var startDate = Date.parse(dateString1.replace('/-/g', '/')) var endDate = Date.parse(dateString2.replace('/-/g', '/')) var diffDate = (endDate - startDate) + 1 * 24 * 60 * 60 * 1000 var d

2020-12-23 13:49:44 300

原创获取当天DDDD-YY-MM格式的日期

获取当天DDDD-YY-MM格式的日期getNowDayString () { const nowDate = new Date() const year = nowDate.getFullYear() const month = nowDate.getMonth() + 1 < 10 ? '0' + (nowDate.getMonth() + 1) : nowDate.getMonth() + 1 const day = nowDate.getDate() < 10 ? '0

2020-12-23 13:48:38 439

原创前端-一只会动的猫咪

前端-一只会动的猫咪需要引入第三方插件：一只黑色猫咪源码： <div id="page_end_html"> <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> <script> L2Dwidget.init({ "model": {

2020-12-10 11:01:41 1791 1

原创自定义加载条和nprogress加载条插件使用

自定义加载条1、相关css （该单独写在style文件夹中，全局导入使用）#global-loading { height: 4px; width: 0; // 渐变颜色（linear-gradient） background: linear-gradient(to right,rgb(79, 156, 243), rgb(144, 188, 240),rgb(40, 138, 250)) ; animation: gorw 2s infinite forward

2020-12-04 15:55:46 491

原创后端传数值显示不同的内容，使用filters过滤器优化

后端传数值显示不同的内容，使用filters过滤器优化1、后端设置传回来的数组对应的内容2、使用v-if判断数值的显示<span v-if='record.building === 1'> 住宅 </span><span v-if='record.building === 2'> 商铺</span><span v-if='record.building === 3'> 写字楼 </span><span v-if='r

2020-12-04 11:28:41 294

转载解决table组件的rowKey 的问题

解决table组件的rowKey 的问题解决办法: [ :rowKey ]带冒号的表示绑定的是表达式不带的表示绑定的就是值方法一：<a-table :columns="columns" :data-source="tableData" size="middle" :rowKey='record=>record.id'> // id为 tableData 中的一个属性</a-table>方法二：<a-table

2020-12-04 10:53:55 9345

原创 warning.js:7 Warning: [antdv: Table] Each record in dataSource of table should have a unique `key`

使用 Ant Design组件的时候报key警告，这由于columns中定义的默认key值在返回的数据中没有当前的这个字段造成的，一个是使用rowKey默认指定一个对应的键值对，或者使用类似v-for循环中的下标index来代替:rowKey="(record,index)=>{return index}"...

2020-12-04 10:47:10 9685 5

原创 video标签设置封面图、控件的显隐

video标签设置封面图1、video标签的属性autoplay：如果出现该属性，则视频在就绪后马上播放。controls：如果出现该属性，则向用户显示控件，比如播放按钮。height：设置视频播放器的高度。loop：如果出现该属性，则当媒介文件完成播放后再次开始播放。muted：如果出现该属性，视频的音频输出为静音。poster：规定视频正在下载时显示的图像，直到用户点击播放按钮。preload：如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则

2020-11-16 23:11:16 32421 6

原创小程序的跳转连接和传值onland()

小程序的跳转连接和传值onland()1、在template定义重点：@click=“onCompanyHandle(v.id)” <view v-for="(item,index) in companyList" :key="item.id"> <view class="search-text">{{item.name}}</view> <view class="company-item"

2020-10-27 18:47:18 453

原创 vue样式穿透 ::v-deep的具体使用

vue样式穿透 ::v-deep的使用如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>> 操作符：<style scoped> .a >>> .b { /* ... */ } </style> 上述代码将会编译成：.a[data-v-f3f3eg9] .b { /* … */ }有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 或 :

2020-10-21 10:17:22 1765 1

原创 vue框架实现点击复制文本功能

vue框架实现点击复制文本功能一、安装clipboard.js插件npm install clipboard --save二、在需要使用的页面引入clipboard.jsimport Clipboard from 'clipboard';三、定义添加复制的内容 :data-clipboard-text="message" // 绑定的数据源 <input type="text" v-model="message" class="input" /> <but

2020-10-13 15:29:01 1296

原创 main.js文件内容含义

main.js文件内容含义1、关闭生产提示Vue.config.productionTip = false2、关闭调试插件提示Vue.config.devtools = falsenew Vue({ router, store, render: h => h(App) // 箭头函数的写法}).$mount('#app')3、render函数的作用将App那个vue组件渲染成DOM节点。render函数里面的形参，可以做到这一点，所以 h这个函数，里面传

2020-10-13 10:40:18 1666

原创 js 数组 map() 基本用法

js 数组 map() 基本用法1、作用：map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。var data = [3, 4, 5, 6];var Squares = data.map(function (item) { return item * item;});console.log(Squares);// [9, 16, 25, 36]2、对接口数据的处理使用数组map的方法，将邮箱号放入一个新的数组中var users = [ {name:

2020-10-10 16:26:50 3677

原创正则表达式的相关校验

正则表达式的相关验证1、手机号验证const PHONEREG = /^(0|86|17951)?(13[0-9]|19[0-9]|16[0-9]|15[0-9]|17[0-9]|18[0-9]|14[0-9])[0-9]{8}$/方法 function isvalidPhone(str) { const reg = /^(0|86|17951)?(13[0-9]|15[012356789]|16[6]|19[89]]|17[01345678]|18[0-9]|14[579])[0

2020-10-10 15:15:13 209

原创 vue对数据列表按照首字母A-Z进行排序

vue对数据按照A-Z进行排序结构<view class="company-item" v-for="item in reorder" :key="item.id" "> <text> {{item.name}} </text> <u-icon name="arrow-right" size="32"></u-icon></view><view class="none

2020-09-25 11:56:19 4413 1

原创 Json对象和Json字符串的使用与转换

Json对象和Json字符串的区别一、JSON概念JSON (JavaScript Object Notation) 一种简单的数据格式，是一种比较轻量级的数据存储格式；二、JSON有JSON对象和JSON字符串两种类型1、JSON对象最显著的特征：对象的值可以用 “对象.属性” 进行访问；typeOf(json对象) ===> Object类型2、Json字符串（所谓字符串：单引号或者双引号引起来）['123','name']三、Json对象与Json字符串

2020-09-11 15:59:41 185

原创 javascript 的 concat（）方法

javascript 的 concat（）方法1、concat（）方法是用于连接两个或多个数组。例子var Array= ["hello", "word"];var ArrayItem= ["java", "C++", "C#"];var ArrayData= ["name"];var children = Array.concat(ArrayItem,ArrayData);输出的结果为：hello,word,java,C++,C#,nameconcat括号后面连接的是数组名，该方法不

2020-09-07 22:56:25 36411 2

原创项目代码上传远程库使用git命令

项目代码上传远程库使用git命令1、查看状态git status2、创建分支并切换到该分支（创建的分支是在本地库中）git checkout -b feature3.8.2/ISLE-3773、添加到缓存区git add .4、添加到本地仓库git commit -m 'tijiao'5、git fetch是将远程主机的最新内容拉到本地，用户在检查了以后决定是否合并到工作本机分支中。git fetch origin develop6、仓库拉取代码（每一次提交之前都要拉取一次）

2020-09-05 21:35:19 156

原创 ant design of vue清空日期组件值

一、ant design of vue清空日期组件值1、a-range-picker组件代码展示动态绑定value<a-range-picker show-time format="YYYY/MM/DD HH:mm:ss" @change="onChangeItem" style="width:90%" :value="pickerValue" />2、pickerValue初始化值为 [ ]data

2020-09-05 11:04:43 1688 1

qq_42580876的博客