- 博客(24)
- 收藏
- 关注
RSS订阅原创 vue 二次封装组件（时间插件）
父组件通过 v-bind="$attrs" 将除了props和自定义事件以外的其他属性传入子组件。子组件通过@input="$emit('input', $event)"改变父组件的v-model值。
2022-07-19 15:49:56
768
原创 PHP input输入框 不记录历史关键字
yii2项目，input输入框总是会显示出历史输入记录：<input type="text" placeholder="输入关键字，回车搜索话题 或 点击创建新话题" id="topic">没有做记录、下拉处理。只要聚焦input时，就会显示这个历史记录。实际上，不想在input框聚焦时，显示这个历史记录。添加 autocomplete="off"属性即可去掉。<input type="text" placeholder="输入关键字，回车搜索话题 或 点击创建新话题" id=
2022-05-26 09:45:57
522
原创 vue项目 CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 修改页面后自动运行报错退出
FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
2022-05-25 14:18:33
650
原创 css文本超出省略
单行超出省略.ol{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}2行超出省略.tl{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}多行超
2022-03-31 14:53:26
413
原创 vue滚动加载的页面，删除、刷新数据，并定位到删除位置
业务场景：左侧为笔记列表，右侧为某笔记详情。滚动加载列表，删除非第一页的笔记后，刷新笔记列表，并定位到删除笔记的位置。data () { return { condition: { page: 1, pagesize: 10 }, list：[]， nowInfo：{}， nowIndex: 0, // 当前选中笔记位置 beforeDel: { page: 1, // 当前列表加载的页数 index: 0 // 删除笔记的位置 } }}，me
2022-03-24 16:04:28
2113
原创 VScode常用插件-vue
HTML Snippets 显示HTML标签的智能提示HTMLHint 代码检查HTML CSS Support 样式css的智能提示GitLens 显示每行代码最新的修改记录（修改人、修改时间）JavaScript (ES6) snippets ES6语法中的JavaScript代码片段(支持JavaScript和TypeScript)Vetur VSCode的Vue工具，vue代码高亮显示ESLint 自动检查代码Vue Peek..
2022-03-07 15:08:36
468
原创 Window 上安装 MongoDB PHP扩展
1.通过浏览器访问phpinfo;查看php的architecture版本是X64还是X86；安全模式是TS还是NTS；2. https://www.runoob.com/mongodb/mongodb-install-php-driver.html 安装mongodb。通过浏览器访问phpinfo，查看是否安装成功，如果安装成功，如下：...
2021-05-15 15:29:56
149
原创 php 常用数组函数
array_column() 返回输入数组中某个单一列的值。array_unique() 函数用于移除数组中重复的值。如果两个或更多个数组值相同，只保留第一个值，其他的值被移除。array_filter() 函数用回调函数过滤数组中的元素。去除数组中的空值。array_values() 函数返回包含数组中所有的值的数组。被返回的数组将使用数值键，从 0 开始且以 1 递增。$a = array_column($arr, 'name'); // 提取数组中的name列$b = array_uni.
2021-04-27 19:20:31
112
原创 antd表单 datepicker赋值 日期格式化
直接复制 报错warning.js?2149:7 Warning: [antdv: DatePicker] `value` provides invalidate moment time. If you want to set empty value, use `null` instead.<a-date-picker v-model="form.date" type="date" placeholder="请选择日期" style="width: 200px;" />this.for
2021-04-02 10:38:32
3907
原创 vue 类似tab标题滚动 标签左右滚动
在固定的宽度内，展示不固定标签列表，且每个标签的字数不确定<template> <div class="tag-box"> <div class="tag-list"> <ul ref="tagList" :style="{left: -nowLeft + 'px'}"> <li v-for="(item, index) in list" :key="index" :ref="'li'+ index">
2021-03-29 16:36:28
925
原创 antd AutoComplete组件自定义下拉选项，处理搜索接口返回值不是最新搜索关键字的取值问题
AutoComplete组件：option-label-prop回填选项内容；slot="dataSource"插槽自定义下拉框<a-auto-complete style="width: 200px" placeholder="输入搜索关键字" option-label-prop="value" @select="handleSelect" @search="handleSearch" :defaultActiveFirstOption="fal.
2021-03-05 19:10:32
5447
原创 在vue中循环中调用接口-promise.all()；按顺序执行异步处理
在vue中循环调用接口-promise.all()methods: { handleAdd (arr) { this.loading = true const allApi = [] arr.forEach((item, index) => { const data = { id: item.id, name: item.name } const oneApi = api.add(da.
2021-03-03 17:31:52
6095
1
原创 数组、时间常用转化
数组-字符串，对象-字符串之间的转换const arr1 = ['春', '夏', '秋']arr1.push('冬') // 向数组插入数据 const obj = [{ id: 1 }, { id: 2, season: '夏天' }] obj[0].season = '春天' // 向对象中插入数据 const a1 = arr1.join(',') // 将数组转化成字符串 const a2 = a1.split(',') // 将字符串转化为数组 const o1 = JSO.
2021-03-03 15:27:47
314
原创 数组或数组对象-排序（js）
按照指定顺序排序created () { this.test()},methods: { test () { const arr = ['a', 'b', '秋', '夏', '冬', '春', 'c'] arr.sort(function (a, b) { var order = ['冬', '秋', '夏', '春'] // order是规则 return order.indexOf(b) - order.indexOf(.
2021-03-01 17:16:56
189
原创 vue 列表 拖拽排序（antd）
下载sortablejs包：npm install --save sortablejs直接在页面中引入：import Sortable from 'sortablejs'拖拽函数：mounted () { this.rowDrop()},methods: { // 行拖拽 rowDrop () { const tbody = document.querySelector('.ant-table-content tbody') const _thi.
2021-03-01 16:43:47
1589
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人