随笔分类 -  Vue / vue2

vue+.net 利用signalR实现实时推送和显示通知消息
摘要：后端（.net） 创建SignalR Hub 创建类SysNoticeHub.cs public class SysNoticeHub : Hub { } 模拟接口发送在线通知 [Route("api/sysnotice")] [ApiController] public class SysNoti 阅读全文
posted @ 2025-02-13 00:33 相遇就是有缘 阅读(302) 评论(0) 推荐(0)
vue2-实现动态显示时间
摘要：效果 实现代码 export default { data() { return { time:'' } }, created() { let _date = this.showTime(); this.time = _date; setInterval(()=>{ this.time = this 阅读全文
posted @ 2024-12-09 14:04 相遇就是有缘 阅读(226) 评论(0) 推荐(0)
vue2-自定义全局toast提示插件
摘要：编写toast.vue 在components文件夹下新增toast文件夹，并在toast文件夹中新增index.vue文件 ` <template> <div id="toast"> <span class="toast" @mouseleave="start" @mouseenter="stop 阅读全文
posted @ 2024-10-28 23:36 相遇就是有缘 阅读(239) 评论(0) 推荐(0)
vue2-常用富文本编辑器使用介绍
摘要：mavon-editor 安装命令 npm install mavon-editor@2.9.1 --save 全局配置 修改main.js文件，添加如下配置 import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/i 阅读全文
posted @ 2024-07-21 10:37 相遇就是有缘 阅读(1169) 评论(0) 推荐(0)
Vue2-利用自定义指令实现按钮权限控制
摘要：文件结构 新建directive目录，并在该目录下新增permission目录，在permission目录下新增hasPerm.js和index.js。 文件内容 hasPerm.js //操作按钮权限控制 import store from "@/store"; export default { 阅读全文
posted @ 2024-07-13 10:04 相遇就是有缘 阅读(476) 评论(0) 推荐(0)
Vue 相关Api
摘要：Vue.prototype.xx 作用：挂载全局方法使用场景一：将自定义函数或方法进行全局挂载，方便全局使用。xx.js（公共方法或者api请求方法） export function getData(param1) { } main.js import { getData } from "@/xx/ 阅读全文
posted @ 2024-07-08 18:45 相遇就是有缘 阅读(64) 评论(0) 推荐(0)
vue-transition动画标签
摘要：<template> <div> <!-- 内容 --> <transition name="moveCartoon" appear> </transition> </div> </template> <script> export default { data() { return { } }, 阅读全文
posted @ 2024-05-08 14:04 相遇就是有缘 阅读(43) 评论(0) 推荐(0)
vue-事件总线$bus的使用
摘要：作用 实现不同组件之间进行通信（非父子关系）。 原理 $bus就是vue原型上添加的一个vue实例，用于存储、监听以及触发事件。 实现步骤 在main.js文件中注册事件总线 Vue.prototype.$bus = new Vue(); 在需要发送信息的组件中发送事件 this.$bus.$emi 阅读全文
posted @ 2024-05-08 10:46 相遇就是有缘 阅读(1124) 评论(0) 推荐(0)
vue2-引入ElementUI组件
摘要：局部引入 优点：减小项目体积。 第一步：安装babel-plugin-component npm install babel-plugin-component -D 第二步：修改babel.config.js文件 module.exports = { presets: [ ["@babel/pres 阅读全文
posted @ 2024-05-07 17:24 相遇就是有缘 阅读(173) 评论(0) 推荐(0)
vue2-使用watch监听路由的变化
摘要：watch:{ $route(to,from){ console.log(to.path); } } watch: { '$route':'getPath' }, methods: { getPath(){ console.log(this.$route.path); } } watch: { $r 阅读全文
posted @ 2024-05-07 08:55 相遇就是有缘 阅读(159) 评论(0) 推荐(0)
生命周期、钩子函数
摘要：生命周期 定义 指的是vue实例对象从创建到销毁的过程。 阶段示意图 阶段 创建前(beforeCreate) vue实例初始化之前调用，此时由于数据观察和事件配置都还没有准备好，此时访问不到实例中的data、el以及methods中的方法，还是undefined状态，DOM元素未加载，因此不能获取 阅读全文
posted @ 2022-07-09 10:38 相遇就是有缘 阅读(57) 评论(0) 推荐(0)