
VUE.js
C1rq99
乾坤未定,你我都是黑马
展开
-
Vue3异常处理: [Vue warn]: Failed to locate Teleport target with selector “#aaa“ Note the target elemen..
vue.js?v=9e8445b0:1245 [Vue warn]: Failed to locate Teleport target with selector "#aaa". Note the target element must exist before the component is mounted - i.e. the target cannot be rendered by the component itself, and ideally should be outside of the原创 2022-04-28 00:19:09 · 4953 阅读 · 0 评论 -
vue-cli创建的项目目录结构没有bulid文件夹怎么关掉eslint
vue-cli创建的项目目录结构没有bulid文件夹怎么关掉eslint被eslint折磨到疯掉在vue.config.js中添加下面代码module.exports = { lintOnSave: false,}原创 2021-10-21 16:59:33 · 429 阅读 · 0 评论 -
vue更新数据视图不更新解决方案
问题一:通过下拉框触发change事件修改数据,更新视图,数据发生修改视图没有更新实际案例:vue+antdesign表格可编辑单元格组件,dataSource绑定数据发生修改,组件视图不更新<template><div> <a-table v-if="showToptable" bordered :data-source="dataSource" :columns="columns" :原创 2021-10-20 17:07:13 · 1401 阅读 · 0 评论 -
vue中调用接口返回数据监听问题--项目bug修复记录
mysql编辑页点击新增 jdbc配置 报错首先看代码我在编辑页调用了接口获取了编辑这页的数据,并赋值给了vue的data里进行监听,在组件中,这个新增按钮新增的input是v-for connectionSetting里面的properties ,看图三,但是请求这个接口返回的参数中没有properties字段,请求返回值看图四,所以在请求回来数据之后要做个判断,如果没有的话,添加一个空数组,于是第一次修改代码成这样getConn(){ getConnApi(this.edit).t原创 2021-09-01 14:20:29 · 1153 阅读 · 0 评论 -
项目记录2
8.20-8.24 连接列表页和创建mysql连接配置页和mysql连接编辑页8.25-8.26 测试 前后端修改 上线通过列表页调用后端接口返回并展示已创建的mysql连接列表 头部有搜索框 通过搜索框可以动态的通过连接名称对列表内进行搜索(小问题通过使用计算属性和过滤器解决动态查询②),通过下拉菜单选择新建数据库连接方式,点击连接的其他地方在右侧会弹出一个抽屉,展示选中连接详情,目前只开放展示创建者和创建时间,并有编辑和删除按钮,可以通过点击连接的名字或图标,或者右侧抽屉的编辑原创 2021-08-25 23:24:51 · 142 阅读 · 0 评论 -
项目记录总结
2021-8-10 — 2021-8-168-10 ---- 8-12 了解产品 试用功能 阅读项目源代码8-13----8-16 开发8-17 测试修改后上线 已投入使用jsonpath解析json数据,供用户勾选解析后的json的一个字段提取出来然后通过key-value形式input中进行重命名生成新列,这一列显示提取列的相同字段的所有内容,在原项目基础上进行开发项目描述:整个产品定位是对于数据清洗和数据仓库的一个数据处理型以及数据可视化的一个产品,我负责将选中列的原创 2021-08-25 23:23:06 · 139 阅读 · 0 评论 -
原生js 模拟Vue双向数据绑定原理(详细代码及注释)
数据劫持先对data中的数据进行劫持并挂载到vue实例上,这时每个数据对象都可以模拟是一个订阅者,当数据发生改变,发布者会通知(调用notify方法)每一个订阅者去调用update方法进行更新,然后通过编译器编译渲染到视图上,当视图发生改变了,每个订阅者会向发布者进行订阅,并返回到进行数据更新,进行数据同步(注释仅个人理解,如有不对,请指教)class Vue { constructor(options) { this.$options = options; th原创 2021-07-23 23:49:29 · 615 阅读 · 0 评论 -
项目记录
前台加载后台传输数据时,想要有一个加载过程中遮罩层的效果如何实现自己封装一个axios拦截器,在前台向后台发出请求时,在请求拦截时调用Open()打开遮罩层,其他时间都关闭,引入element-ui组件库中的Loading,Message,创建loading实例,添加open和close方法实现打开和关闭遮罩层,上代码。下面展示一些 内联代码片。import axios from 'axios';import { Loading, Message } from 'element-ui';//原创 2021-05-12 22:09:44 · 141 阅读 · 0 评论