shikeying
2023-04-19 529f48641122af7c0aec185e4283d02e97aa0f89
src/layout/index.vue
@@ -52,8 +52,37 @@
    },
    variables() {
      return variables;
    },
    // 2023-04-17,定义接收websocket消息
    getWsMsg (){
      // return this.$store.websocket.state.webSocketMsg;
      return this.$store.state.user.webSocketMsg;
    }
  },
  // 2023-04-17
  watch: {
    getWsMsg:{
      handler: function(newVal) {
        // console.log(newVal)
        // alert('接收到webSocket推送:'+ newVal);
        this.$notify({
          title: '新消息提醒:',  //标题
          // message: '这是一条不会自动关闭的消息',  //内容
          duration: 0,  //设置弹框消失事件
          position:'bottom-right',  // 设置弹框在屏幕的哪个角弹出(只能设置4个角)
          type: 'info',  //给标题前加一个小图标
          offset: 100,  //偏移量:距离四个角的偏移程度(默认偏移了16px)
          dangerouslyUseHTMLString: true,  //是否支持弹出框内传入 HTML 片段
          message: '<strong>这是 <i>HTML</i> 片段</strong>' + newVal,   //开启后,这里可以写html
          showClose: true,  //隐藏关闭按钮(右上角的x  默认为true,显示)
          onClose() {console.log('关闭啦', event)},  // 手动关闭时的回调函数
        });
        this.$store.state.app.tts.speak("有新消息提醒,请点击查看");
      }
    }
  },
  methods: {
    handleClickOutside() {
      this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })