07 2023 档案
摘要：<template> <div> <el-button type="primary" @click="click">查询</el-button> </div> </template> <script> export default { data () { return { } }, methods:
阅读全文
摘要：改封装组件依赖`element-china-area-data`插件，引入组件可参照：https://www.npmjs.com/package/element-china-area-data ``` title：弹框显示标题, pageId:页面id，根据id查询历史操作记录 --> 生成新地址
阅读全文
摘要：``` // html ``` ``` // js export default{ name : 'blog-header', data(){ return{ isPC:true, // 大图片 qall: '../../static/image/土味.jpg', qallBig: '../../s
阅读全文
摘要：``` methods: { //点击调用上传方法 async handleUpload(row) { try { let fileList = await this.getFile("", true); // 参数1：选取文件类型如.pdf、.png、.doc文件，参数2、是否多选 console
阅读全文
摘要：### 一、v-model 的参数 默认情况下，`v-model` 在组件上都是使用 `modelValue` 作为 prop，并以 `update:modelValue` 作为对应的事件。我们可以通过给 `v-model` 指定一个参数来更改这些名字： ``` ``` 在这个例子中，子组件应声明一
阅读全文
摘要：Prop 校验 ``` export default { props: { // 基础类型检查 //（给出 `null` 和 `undefined` 值则会跳过任何类型检查） propA: Number, // 多种可能的类型 propB: [String, Number], // 必传，且为 St
阅读全文
摘要：### 使用场景： 有些场景会需要在两个组件间来回切换，比如 Tab 界面： 我们可以通过 Vue 的` ` 元素和特殊的 `is` attribute 实现的：如 ``` ``` 在上面的例子中，被传给` :is `的值可以是以下几种： * 被注册的组件名 * 导入的组件对象 你也可以使用 `is
阅读全文
摘要：我从3A平台购买了云服务器。如果你在开发一个开源的组件或库，你有可能想保持一些内部方法的私有性。在Vue 3.2之前，这并不容易实现，因为所有在选项API中声明的方法或数据等都是公开的，所以模板可以访问它。 组合API也是如此。我们从setup方法中返回的所有东西都可以被父类直接访问。 ### 组合
阅读全文
摘要：## 基本使用方式 ``` export default { watch: { someObject: { handler(newValue, oldValue) { // 注意：在嵌套的变更中， // 只要没有替换对象本身， // 那么这里的 `newValue` 和 `oldValue` 相同
阅读全文
摘要：# vue中hook的两点使用 ## 1. 在同一个组件中 例如：在mounted中添加一个监听需要在beforeDistroy中移除这个监听，考虑到某些原因你不想再写个beforeDistroy去实现，这时候绿巨人hook就该登场了 ``` mounted () { window.addEvent
阅读全文
摘要：# 全局修饰符 ## 使用场景： 在一些需要对某些事件进行阻止默认事件或者冒泡等等类似的操作的时候，就需要进行一定的处理，Vue 为 v-on 提供了事件修饰符。修饰符是用 . 表示的指令后缀。包含以下这些： ``` .stop // 阻止事件冒泡 .prevent // 阻止浏览器的默认事件 .s
阅读全文
摘要：## 使用场景： 在封装或者面对需要绑定一些不确定值的时候，需要使用动态参数来绑定一个不确定的值，这个值会随时改变，[官网解释](https://cn.vuejs.org/guide/essentials/template-syntax.html#directives) ## 动态参数 同样在指令参
阅读全文
摘要：## 什么是Git图谱？ Git图谱常见于Git图形化客户端工具（包括SourceTree、Tortoise等）中，利用不同颜色的点、线结合时间轴按照一定规律，呈现项目的版本演进记录。 
