vue.js
文章平均质量分 54
记录个人在学习vue的知识点时遇到的些许困难,以及遇到过的错误及解决方法
AuroraJim
认真做好每一件事
展开
-
vue elementUi中两个输入框互相关联,实现同步更新功能
vue两框关联、elementUi中select的关联使用,两框同步刷新原创 2022-01-10 10:40:41 · 4723 阅读 · 0 评论 -
vue+elementui对象转为json数组(expect array,but got object报错)
搜索功能中对象转为json数组,并且渲染在table中① 前端需要数据格式(数据里头有对象)② 后端返回数据格式(纯对象)需求:将后端数据处理成前端需要的数据格式代码演示 var list = [];//定义一个空数组 var unit = res.data.data;//后端返回的数据 var obj = {};//定义一个空对象 for (let key in unit) { obj[key]=unit[key];//key就是对象原创 2021-12-27 14:49:29 · 1575 阅读 · 0 评论 -
ElementUI+vue中点击el-dialog区域以外,会关闭对话框的解决办法。
需求目标:当用户点击修改、新增等按钮弹出el-dialog输入框时,除了点击el-dialog弹框内关闭按钮以外,不能让该弹框关闭。方法一:(添加:close-on-click-modal="false")<el-dialog title="新增用户" :close-on-click-modal="false" :visible.sync="dialogEnrol" width="30%"> 弹窗内容</el-dialog>方法二:(全局配置)在mian.js原创 2021-12-24 10:53:51 · 5705 阅读 · 2 评论 -
vue组件通讯的几种方式(全面)
组件通讯的几种方式(全面总结)1 组件通讯的意义是什么?1.1 vue框架开发的基本原理(了解)1.2 组件通讯的意义?2 组件通讯类型和各自实现原理?(传统型)2.1 常见的组件通讯类型2.2 父组件到子组件(父传子)2.3 子组件到父组件(子传父$emit和events方法)2.4 父子组件,兄弟组件,隔代组件(中央事件处理总线bus和bus和bus和on)3 组件通讯的方式(VueX插件型)1 组件通讯的意义是什么?1.1 vue框架开发的基本原理(了解)①数据驱动视图 ②自底层向上增量开发原创 2021-12-15 13:53:13 · 1498 阅读 · 0 评论 -
Vue子组件修改父组件值报错:Avoid mutating a prop directly since the value will be overwritte(props组件通讯问题)
父子组件props修改传值问题????前几天,在学习vue的过程中发现了问题。当时也琢磨了好久,但为了赶上学习进度,就没有深究,今天回过头来研究。搜罗四方,终于找到了答案所在。问题描述:在父组件中通过自定义事件触发方法,将父组件中的数据传给子组件,在子组件中接受,并且修改其值。值能被修改,但是控制台一直在报警告。具体错误代码示例 注意代码第12行(input v-model="childData")<script> // 子--->父 // 子组件原创 2021-10-20 20:16:19 · 890 阅读 · 0 评论 -
报错TypeError: Cannot set property ‘type‘ of undefined
TypeError: Cannot set property ‘type’ of undefined报错问题<script>export default { data () { return { query: '', // 表格数据 // username: "admin" // email: "adsfad@qq.com" // mobile: "12345678" // create_time: 1486原创 2021-08-28 10:26:10 · 8867 阅读 · 0 评论 -
Vue入门实战(Day02)
Vue入门实战之基础篇一、过滤器的使用及定义1.1 如何使用过滤器:①使用场景②使用方法1.2 过滤器的分类及串联使用①全局过滤器②局部过滤器③串联使用过滤器1.3 如何自定义一个指令?(重点掌握)①一、过滤器的使用及定义1.1 如何使用过滤器:重点来咯????①使用场景用于格式化内容(如:日期的格式转换、大小写的转换等)②使用方法{{data中数据 | 过滤器名字}}例如:下图中{{msg | toUp}}<body> <div id="app" v-cloak原创 2021-07-28 21:20:10 · 343 阅读 · 0 评论 -
Vue入门实战(Day01)
Vue入门实战之基础篇一、vue的简单介绍1.1vue是什么?1.2 vue使用前期准备?一、vue的简单介绍1.1vue是什么? Vue:全称vue.js;是前端JavaScript中的框架;是一套构建用户界面的渐进式框架,采用的是自低向上增量的开发设计;vue只关注于视图层;vue的目标就是使用尽可能简单的API来实现响应数据的绑定和组合的视图组件。1.2 vue使用前期准备?原创 2021-07-28 11:41:37 · 362 阅读 · 1 评论