随笔分类 - vue
摘要：bpmn-js在vue中的基本使用 效果： 下载依赖包 npm i bpmn-js bpmn-js-properties-panel camunda-bpmn-moddle "bpmn-js": "^10.3.0", "bpmn-js-properties-panel": "^1.11.2", "c
阅读全文
摘要：FileReader之获取文本文件内容为字符串 FileReader官网描述： FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。 其中 File 对象可以是来自用户在一个<input
阅读全文
摘要：下载插件： npm i vite-plugin-md highlight.js github-markdown-css 配置插件： import Markdown from 'vite-plugin-md' import vue from '@vitejs/plugin-vue' plugins:
阅读全文
摘要：当vue路由切换时，有时候会出现短暂白屏，需要添加一个加载状态 参考：buildadmin 地址：https://demo.buildadmin.com/#/ 利用vue的路由导航守卫：beforeEach、afterEach来判断显示加载状态的时间，当路由进入beforeEach开始显示加载页面，
阅读全文
摘要：vue-property-decorator 混入（mixins） // mixins.ts import { Vue } from 'vue-property-decorator' class Mixins extends Vue { public name = '混入' public say()
阅读全文
摘要：做的一个项目当中需要做一个组件，传入数组，用v-for生成表单，可以展开和收起，展开收起时需要有过渡的效果 在vue里面提供了<transtion></transtion>和<transition-group></transition-group>两个组件，<transtion>用于普通组件元素，不
阅读全文
摘要：由于业务需求（组件封装），需要在获取el-table下面的el-table-column实例 在 vue2.x 当中直接使用this.$children就可以获取到该实例 但是 vue3.x 弃用了$children，官方建议使用$ref获取子组件实例，由于el-table-column是通过插槽形
阅读全文
摘要：Vue 路由导航守卫 一：全局守卫 (1) router.beforeEach beforeEach((to, from, next) => {}) 接收三个参数，在路由切换成功之前调用 to 将要进入的目标路由，要去哪里 from 将要离开的路由，从哪里来 next 跳转路由，next(false
阅读全文
摘要：组件传值 方式一：事件传值 利用this.$emit() 实用 子 -> 父 组件传值，子组件向父级抛出一个事件，父组件来监听该事件 // 子组件 Child.vue methods: { clickEvent() { this.$emit('clickEvent', '我被点击了'); } } <
阅读全文
摘要：vue中watch的使用 监听已声明的变量数据是否发生改变，默认当值第一次绑定的时候，不会执行监听函数 使用方法 一： 跟计算属性声明类似 export default { data() { value: '' } }, watch: { // 监听value的值，value发生变化时默认传入两个参
阅读全文
