随笔分类 - vue全家桶进阶之路
vue全家桶
摘要：在 Element Plus 中，el-row 是用于布局的组件，如果你想要隐藏 el-row，你可以使用 CSS 的 display 属性将其设置为 none。以下是一个简单的示例： <template> <el-row v-show="shouldShowRow"> <!-- 这里是 el-ro
阅读全文
摘要：Vue3> pnpm run dev pnpm : 无法加载文件 D:\program files\nodejs\node_global\pnpm.ps1。未对文件 D:\program files\nodejs\node_global\pnpm.ps1 进行数字签名。无法在当前系统上运行该脚本。有
阅读全文
摘要：<el-dialog :modal="false" v-model="dialogVisible" title="" width="30%" draggable :close-on-click-modal="false" class="message-dialog" ></el-dialog> mo
阅读全文
摘要：vue3+elementplus 去除小数点后多余的0公用函数 export function removeTrailingZeros(value) { // 尝试将值转换为数字 const numericValue = parseFloat(value); // 检查是否成功转换为数字 if (!
阅读全文
摘要：elementplus django drf 如何做到确认单据禁止删除 要在Django和Django Rest Framework（DRF）中实现禁止删除确认单据的功能，你可以通过以下步骤来完成： 创建模型：首先，你需要在Django中创建一个模型来表示确认单据。这个模型应该包含与确认单据相关的所
阅读全文
摘要：vue3时间转换插件-Moment.js的使用 一.组件官网moment.js时间转换插件http://momentjs.cn/Moment Timezone 时区处理类库http://momentjs.cn/timezone/二.vue项目中使用我这里使用的是vue3的写法 npm install
阅读全文
摘要：Axios是一个基于Promise的易用、简洁且高效的HTTP请求插件，可以用于浏览器和Node.js。首先执行yarn命令安装依赖，安装成功时在package.json文件的dependencies下多出了Axios及其版本号，笔者写此书时，安装的版本为0.26.1，如所示。 yarn add a
阅读全文
摘要：Element-plus的徽章组件el-badge Element Plus 是一个基于 Vue.js 的 UI 组件库，它提供了一系列的常用 UI 组件供开发者使用。其中，徽章组件(el-badge)是其中之一。 徽章组件(el-badge)可以在其他元素上展示一个小圆点或者一个数字，用于标记某种
阅读全文
摘要：el-config-provider是Element Plus库中的一个组件，用于提供全局的配置。它是Element Plus在2.0版本中引入的新组件。 el-config-provider组件的作用是允许你在应用程序中统一配置Element Plus的一些全局属性和样式，这些配置将被应用于所有E
阅读全文
摘要：使用.env加后缀的方式来建立某个模式下的环境变量， 例如：项目根目录新建两个环境变量文件（development开发环境和production生产环境）： .env.development .env.production 在新建的两个环境变量文件中设置相同的环境变量名： VUE_APP_BASE_
阅读全文
摘要：vue3 环境变量 在Vue3中，可以通过环境变量来管理应用程序中的配置。这些配置可以包括后端API的URL、API key、跟踪ID等等。在不同的开发、测试、生产环境中使用不同的配置是非常有用的。Vue3允许使用.env、.env.local、.env.[mode]和.env.[mode].loc
阅读全文
摘要：devServer 是一个用于配置开发服务器的选项对象。它可以用来配置服务器的各种选项，例如代理，端口号，HTTPS 等。 以下是一些常用的 devServer 参数和设置： port：指定开发服务器的端口号，默认为 8080。 host：指定开发服务器的主机名，默认为 localhost。 htt
阅读全文
摘要：可以将Axios拦截器封装成一个单独的request文件，以便在整个应用程序中重复使用。 以下是一个示例，展示如何将Axios拦截器封装成一个request文件： 1、创建一个名为request.js的新文件，并导入Axios： import axios from 'axios'; 2、创建一个名为
阅读全文
摘要：在Vue.js 3中，使用Axios与Vue.js 2.x中类似，但是需要进行一些修改和更新，下面是Vue.js 3中Axios的定义和使用方式： 首先，你需要安装Axios和Vue.js 3.x，可以使用npm或yarn等包管理工具安装： npm install axios vue@next 然后
阅读全文
摘要：在 Vue 3 中，Element Plus 的 ElButton 组件提供了多种按钮类型和属性，可以用于实现不同的交互效果。下面是 ElButton 常用的作用和属性： 作用： 用于在页面上添加交互按钮，比如提交按钮、取消按钮等。 常用属性： type：按钮类型，可以取值为 primary、suc
阅读全文
摘要：在 Vue 3 中，Element Plus 也提供了 ElRow 和 ElCol 组件，用于实现栅格布局。 ElRow 组件的常用属性： gutter：栅格间距，默认为 0。 type：布局模式，可选值为 flex、justify 和 align。默认值为 flex。 tag：组件标签，默认为 d
阅读全文
摘要：在 Element Plus 中，el-form 是一个表单组件，用于创建表单以便用户填写和提交数据。它提供了许多内置的验证规则和验证方法，使表单验证更加容易。 使用 el-form 组件，您可以将表单控件组织在一起，并对表单进行验证，以确保提交的数据符合预期的格式和要求。该组件具有以下特性： 支持
阅读全文
摘要：SCSS和SASS都是CSS预处理器，它们的主要目的是简化CSS的编写，增加可维护性，并提供更丰富的功能。下面是它们与普通的CSS的区别： 语法：SCSS和SASS都具有比普通CSS更丰富的语法。其中，SASS使用缩进来表示嵌套，而SCSS则使用类似于CSS的花括号语法。因此，SCSS更易于CSS开
阅读全文
摘要：<script setup> 是 Vue 3 中的一种语法糖，它可以使组件的脚本更加简洁、易读，并且减少了一些样板代码。使用 <script setup>，你可以将组件的 props、data、computed、methods 等所有逻辑都写在一个地方，而不需要分别写在不同的区块。 以下是一个使用
阅读全文
摘要：在Vue3中，可以通过props将父组件的数据传递给子组件。具体步骤如下： 在父组件中定义要传递给子组件的数据，可以是data属性中的数据或者是计算属性computed中的数据。 在子组件中通过props属性声明接收父组件传递的数据。 在子组件中使用接收到的数据。 下面是一个示例： <templat
阅读全文
