vue组件化
前端打字员
这个作者很懒,什么都没留下…
展开
-
关于element框架的el-image点击后,页面出现卡死等情况的解决方式
当el-image标签被添加时,页面的body就会自动添加style属性所以我们绑定一个点击事件删除样式就可以了<el-image style="width: 100px; height: 100px" :src="scope.row.logo" fit="scale-down" @click="cancelStyle()"/>cancelStyle() { document.body.style = null },...原创 2020-05-15 10:51:34 · 3045 阅读 · 1 评论 -
vue组件化通信之兄弟组件传值
vue组件化通信之父向子请点击查看vue组件化通信之子向父请点击查看在vue中兄弟节点传值一般有两种方法:$parent和$root, 建议使用前者 使用$parent**parent.vue**<template> <div> <childTest></childTest> <anotherChildTest>&l...原创 2020-04-30 10:03:07 · 426 阅读 · 0 评论 -
关于axios请求报400如何获取报错信息
不废话,直接放代码addGoods(product).then(res => { if (res.code == 200) { this.$message.success("添加成功"); this.handleFilter(); } else { this.$message.error("添加失败...原创 2020-04-29 13:56:05 · 3060 阅读 · 1 评论 -
vue组件化通信之父向子传值
父向子组件传值使用props进行传值parent.vue <template> <div> <childTest :msg='msg'></childTest> </div></template><script> import childTest from './childTest.vue...原创 2020-04-27 16:44:40 · 179 阅读 · 0 评论 -
vue组件化通信之子向父传值
vue组件化通信之子向父请点击查看vue中子向父传递消息一般使用$emit,方法比较简单,直接看代码父组件<template> <div> <childTest @msg='myMsg'></childTest> {{msg}} </div></template><script> impo...原创 2020-04-29 09:45:59 · 158 阅读 · 0 评论 -
vue的slot作用域插槽使用案例
slot的使用场景:复用子组件的slot,且slot的内容不同简单使用案例子组件 <div> <h1>子组件</h1> <slot name="child" msg='德玛西亚'></slot> </div>父组件 <HelloWorld> <p slot-scope='child'...原创 2020-04-28 11:35:58 · 602 阅读 · 0 评论