[45] Vue.js - 随笔分类 - emanlee

统计前端Vue的总代码行数 pycharm 统计项目代码行数

摘要：VS code 统计前端Vue的总代码行数 1、在应用中心搜索 VS Code Counter 安装 2、快捷键Shift+Ctrl+P 打开命令输入栏 3、输入Counter 选择：VSCodeCounter：Count lines in worksapce pycharm 统计项目代码行数 Ge 阅读全文

posted @ 2025-07-25 15:30 emanlee 阅读(140) 评论(0) 推荐(0)

el-input 随着输入内容改变宽度

摘要：在Vue.js中使用el-input组件时，如果你想让输入框的宽度随着输入内容的改变而自动调整，你可以使用CSS来实现这种动态宽度变化。但是，需要注意的是，el-input自身并不直接支持内容改变时宽度自动调整的特性，因为输入框的宽度通常是预设的，除非你使用了特定的样式或布局技巧。方法一：使用CSS 阅读全文

posted @ 2025-07-02 17:11 emanlee 阅读(248) 评论(0) 推荐(0)

在线显示json

摘要：英文版无广告： https://jsoneditoronline.org/ https://jsonviewer.stack.hu/ https://jsonlint.com/ https://classic.online-json.com/json-editor https://formatj 阅读全文

posted @ 2025-06-21 09:45 emanlee 阅读(18) 评论(0) 推荐(0)

VS code git提交之后没有反馈信息

摘要：VS code git提交之后没有反馈信息在使用 Visual Studio Code (VS Code) 进行代码提交到版本控制系统（如 Git）时，如果没有任何反馈或提示，可能是由于多种原因导致的。下面是一些排查和解决此问题的步骤：检查终端输出：确保 VS Code 的终端（Termina 阅读全文

posted @ 2025-04-26 22:32 emanlee 阅读(173) 评论(0) 推荐(0)

VS code 一直显示“提交和推送”（一直显示在提交）一直转圈也没有反馈

摘要：VS code git 提交之后，一直显示“提交和推送” 解决办法：提交的时候要填写一下提交信息。关闭VScode，然后重新打开VScode，输入描述信息，如下图，然后提交。原因：在Git中，提交时必须提供一条描述性消息。但是，Vs Code并没有提示要填写描述性消息。如果你尝试在没有输入任何阅读全文

posted @ 2025-04-26 22:07 emanlee 阅读(568) 评论(0) 推荐(0)

Vue props 父组件给子组件传函数或数据

摘要：Vue props Vue props 传函数，传对象 Vue props 传函数（传方法）在Vue中，可以通过 props 向子组件传递函数。这允许父组件与子组件通信，子组件可以在需要时调用传递的函数。以下是一个简单的例子：父组件： <template> <div> <child-compo 阅读全文

posted @ 2025-04-05 19:03 emanlee 阅读(825) 评论(0) 推荐(0)

Vue 的开发环境 VSCode，使用VS Code开发VUE: 必备的插件清单

摘要：Bracket Pair Color DLW Bracket Pair Colorization Toggler 开发环境 Visual Studio Code官网：https://code.visualstudio.com 1 开发插件中文插件：Chinese (Simplified) (简体中阅读全文

posted @ 2025-04-05 17:52 emanlee 阅读(4552) 评论(0) 推荐(0)

Vue中 this.$emit() 方法详解, 帮助子组件向父组件传递事件

摘要：this.$emit()是 Vue.js 中一个很有用的方法,可以帮助子组件向父组件传递事件在Vue中，this.$emit()方法用于触发自定义事件。它是Vue实例的一个方法，可以在组件内部使用。使用 this.$emit() 方法，可以向父组件发送自定义事件，并传递数据给父组件。父组件可以通阅读全文

posted @ 2025-03-30 11:24 emanlee 阅读(674) 评论(0) 推荐(0)

Vue Javascript 导出Excel：SheetJS/js-xlsx json_to_sheet xlsx 修改表头名称和展示的顺序

摘要：import * as XLSX from 'xlsx'; //展示的顺序，把data中对象的属性按照你想要的顺序排放就可以了， const header = ["pId","dID"] //展示的名称 const headerDisplay = {pId:"项编号",dID:"D编号"}; //将阅读全文

posted @ 2024-10-04 17:23 emanlee 阅读(261) 评论(0) 推荐(0)

Vue调试：vue-devtools (firefox浏览器，火狐浏览器)

摘要：vue-devtools (firefox浏览器，火狐浏览器) vuedevtools vue-devtools (firefox浏览器) 安装过程打开firefox浏览器，使用快捷键【Ctrl+Shift+A】打开组件管理列表，并搜索vue 安装重启Firefox 访问一个Vue应用，打开开阅读全文

posted @ 2024-06-21 17:28 emanlee 阅读(228) 评论(0) 推荐(0)

Vue知识点汇总（含Vue3）

摘要：from https://mp.weixin.qq.com/s/-rc1lYYlsfx-wR4mQmIIQQ Vue知识点汇总（含Vue3）一、Vue 基础 1. Vue的基本原理当一个Vue实例创建时，Vue会遍历data中的属性，用 Object.defineProperty（vue3.0使阅读全文

posted @ 2023-10-11 08:36 emanlee 阅读(1109) 评论(0) 推荐(0)

Vuex- Action的 { commit }的写法

摘要：https://segmentfault.com/a/1190000022018995 https://www.jianshu.com/p/8c3599dda094 vuex教程中，有这样一句话和这样一段代码：实践中，我们会经常用到 ES2015 的参数解构来简化代码（特别是我们需要调用commi 阅读全文

posted @ 2023-10-11 08:35 emanlee 阅读(535) 评论(0) 推荐(0)

npm init vite@latest vue3study --template vue

摘要：D:\Temp>npm init vite@latest vue3study --template vuenpm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs 阅读全文

posted @ 2023-10-11 08:35 emanlee 阅读(293) 评论(0) 推荐(0)

Vue 文件夹目录及配置文件

摘要：目录/文件说明 build 项目构建(webpack)相关代码 config 配置目录，包括端口号等 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： ♞ assets：放置一些图片，如 logo ♞ 阅读全文

posted @ 2022-09-20 20:35 emanlee 阅读(1059) 评论(0) 推荐(0)

vue.js下载依赖包node_modules

摘要：node_modules npm 加载的项目依赖模块在很多时候，我们要拷贝或上传一份vue的代码时，通常会删掉依赖包node_modules,因为这个包太大了，而且，我们运行项目的时候，如果没有依赖包，重新下载依赖包就可以了，很方便的，接下来给大家介绍介绍具体步骤：1）首先我要把项目中的依赖包(文阅读全文

posted @ 2022-09-20 20:25 emanlee 阅读(1118) 评论(0) 推荐(0)

Vue的导入（import）和导出（export、export default）

摘要：一、importimport在引入文件路径时，引入一个依赖包，不需要相对路径。如：import app from ‘app’; 但引入一个自己写的 js 文件，需要相对路径。如：import app from ‘./app.js’; 引入第三方插件，不需要相对路径。 import Vue fro 阅读全文

posted @ 2022-09-20 20:03 emanlee 阅读(5879) 评论(0) 推荐(0)

ES6模块之export和import详解

摘要：ES6 （ECMAScript 6）中的模块是一个包含 JavaScript 代码的文件，在这个模块中所有的变量都对其他模块是不可见的，除非我们导出它。 ES6的模块系统大致分为导出（export）和导入（import）两个模块。 1、模块导出（export）可以导出所有的最外层函数、类阅读全文

posted @ 2022-09-20 19:44 emanlee 阅读(3813) 评论(0) 推荐(1)

SvgIcon svg-icon

摘要：<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" /> 用法 <el-input type="text" auto-complete="off" placeholder="账号"> <svg-ico 阅读全文

posted @ 2022-09-20 09:41 emanlee 阅读(1240) 评论(0) 推荐(1)

element ui / vue 表格组件

摘要：ElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。官网地址：http://element-cn.eleme.io/#/zh-CN 在页面上引入 js 和 css 文件即可开始使用，如下： <!-- 引入Eleme 阅读全文

posted @ 2022-09-19 22:15 emanlee 阅读(364) 评论(0) 推荐(0)

Element UI / Vue -- Input

摘要：Input Attributes 参数说明类型可选值默认值 type 类型 string text，textarea 和其他原生 input 的 type 值 text value / v-model 绑定值 string / number — — maxlength 原生属性，最大输入长度 nu 阅读全文

posted @ 2022-09-19 22:14 emanlee 阅读(98) 评论(0) 推荐(0)

随笔分类 - [45] Vue.js