![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue相关小知识点
储储随记
路漫漫其修远兮,吾将上下而求索。
展开
-
vue 二次封装组件(时间插件)
父组件通过 v-bind="$attrs" 将除了props和自定义事件以外的其他属性传入子组件。子组件通过@input="$emit('input', $event)"改变父组件的v-model值。原创 2022-07-19 15:49:56 · 719 阅读 · 0 评论 -
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 · 580 阅读 · 0 评论 -
vue滚动加载的页面,删除、刷新数据,并定位到删除位置
业务场景:左侧为笔记列表,右侧为某笔记详情。滚动加载列表,删除非第一页的笔记后,刷新笔记列表,并定位到删除笔记的位置。data () { return { condition: { page: 1, pagesize: 10 }, list:[], nowInfo:{}, nowIndex: 0, // 当前选中笔记位置 beforeDel: { page: 1, // 当前列表加载的页数 index: 0 // 删除笔记的位置 } }},me原创 2022-03-24 16:04:28 · 2008 阅读 · 0 评论 -
按序执行函数,then后获取return的api接口值为undefined
js按序执行函数,在then后获取函数返回值原创 2022-03-23 16:56:09 · 1758 阅读 · 0 评论 -
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 · 436 阅读 · 0 评论 -
vue 获取 for循环动态设置ref的属性及获取该元素到顶部的距离
vue 获取for循环动态渲染的元素的ref属性原创 2022-02-11 17:29:12 · 1181 阅读 · 0 评论 -
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 · 3741 阅读 · 0 评论 -
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 · 5042 阅读 · 0 评论 -
在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 · 5921 阅读 · 1 评论 -
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 · 1511 阅读 · 0 评论