Vue + Element 中 this.$message 失效

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue + Element 中 this.$message 失效相关的知识,希望对你有一定的参考价值。

参考技术A Vue的Element确实给开发者提供了很大的便捷,比如消息提示中的:this. .post('upload',

title: this.formInline.title,
,
function (res)
// 这里就可以用了
vm.$message(
message: '成功!',
type: 'success'
);
);
,
欢迎指导!

Vue 组件通信

今天学习了,vue组件通信本篇随笔主要对今天的学习成果进行总结。有什么不对的地方还望谅解! 首先,Vue的核心即组件化开发,所以组件通信就显得十分重要。 组件通讯包括:父子组件间的通信和兄弟组件间的通信。 1.子组件获取父组件中数据间: var Child={ template:"#child", props:[‘mes‘], data:function(){ return { data:this.$props.mes, //调用该子组件 props 中的对应属性的属性值; } } 通过props将所需该子组件的属性名进行保存,vue自动将其连同属性值打包成json格式保存在 this.$props 中。 那么当子组件以标签形式插入父组件模板时,子组件即可通过 v-bind 绑定属性的形式获取父组件中的数据。 2.父组件获取子组件中数据: 通过 ref 绑定子组件名,子组件的数据将会被保存在 this.$refs 中,所以在父组件中通过 this.$refs.Child 获取Child组件中的数据。 3.用户操作触发,子组件获取父组件数据: var Head={ template:"#child", data:{ meg:"hello!" }, methods:{ fn:function(){ this.$emit(‘event‘,this.meg) //触发自定义事件 传递数据 } } } 通过子组件中的button按钮触发自定义事件 event 从而传递child中的meg数据; 在父组件的标签中加入自定义事件 event 来接收参数 methods:{ result:function(res){ this.mes=res; } }, 事件event触发后,执行父组件中的result方法,形参即为接受到的子组件中数据。

以上是关于Vue + Element 中 this.$message 失效的主要内容,如果未能解决你的问题,请参考以下文章

vue3+element-plus表单验证之登录

vue-element的表单验证能调用methods里的方法吗?

vue(element-ui)删除前提示弹窗this.$confirm

VUE +Element 实现多个字段值拼接

vue+element el-select 选项无法选择的问题

Vue+Element中Table懒加载,新增删除操作后手动更新