<template> <div class="hello"> <template> <el-button plain @click="open1"> 可自动关闭 </el-button> <el-input v-show="true" v-model="obj.x">{{obj.x}}</el-input> </template> </div> </template> <script> export default { name: 'HelloWorld', props: { msg: String }, mounted() { this.change() }, data() { return { test: 0, obj: { x: 0 }, instanceN:null } }, methods: { change() { const _this = this setInterval(function () { _this.$set(_this.obj, 'x', _this.obj.x + 1) if(_this.instanceN){ window.console.log(_this.obj.x) _this.instanceN['title'] = _this.obj.x } }, 1000) }, open1() { this.instanceN = this.$notify({ title: this.obj.x + '标题名称', message: '这是一条不会自动关闭的消息', duration: 0 }); } } } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped> h3 { margin: 40px 0 0; } ul { list-style-type: none; padding: 0; } li { display: inline-block; margin: 0 10px; } a { color: #42b983; } </style>
Notification通知的值可以动态改变
最新推荐文章于 2024-04-11 16:51:49 发布