摘要：
前言 之前一直用的是 vue-cli 的 2.x 的版本，现在 vue-cli 都已经升级到 4.x 的版本了，所以在此记录一下 vue-cli4.x 的搭建项目的过程。 之前自己也只是用 vue-cli 的 2.x 版本创建了一个项目，能跑起来就行了，对其中的很多东西都没有深入的封装，这次想借助 阅读全文
posted @ 2021-06-03 14:52
smil、梵音
阅读(511)
评论(0)
推荐(0)
摘要：
做项目的时候，合理的使用插件，可以使我们达到事半功倍的效果，避免自己重复造轮子。 插件使用npm安装，平时也可以去 npm官网 搜索相关插件。 或者直接搜索：JavaScript 工具库 下面是自己做项目过程中，接触到的一些插件，仅限于自己目前的认知程度，后续可能会慢慢的不断添加相关插件。 vue- 阅读全文
posted @ 2021-05-14 15:24
smil、梵音
阅读(808)
评论(0)
推荐(0)
摘要：
1、在 store 文件夹中定义相关的 js 文件 pptWhiteList.js 文件的内容（代码内容为：登录用户是否是白名单用户，在其他文件中要用到此数据）： import { defineStore } from "pinia"; import aiApi from "../modules/i 阅读全文
posted @ 2025-10-11 15:54
smil、梵音
阅读(14)
评论(0)
推荐(0)
摘要：
一、代码： // #region 任意文字.......（这里会出现折叠符号，折叠到#endregion的位置） 任意代码片段...... 任意代码片段...... 任意代码片段...... // #endregion 任意文字...... 二、使用场景： 当我们页面分为头部、中部内容、脚部三个模块 阅读全文
posted @ 2025-08-09 14:57
smil、梵音
阅读(277)
评论(0)
推荐(0)
摘要：
小伙伴们在开发时一定会打开很多的文件，想要来回切换多个指定文件非常不方便，idea默认勾选了在文件在一行展示，如下： 当文件tab展示不完整时，idea的右侧会出现下拉框，让你选择你需要打开/关闭的文件 尽管有这样的设计，对咱们开发的小伙伴来说，仍然很不方便☹️。所以idea设计者们给咱们提供了人性 阅读全文
posted @ 2025-08-05 14:55
smil、梵音
阅读(491)
评论(0)
推荐(0)
摘要：
网页布局，头部高度为60px，内容区域我想随着屏幕的高度自适应，设置为flex为1。内容区域只占据剩余的屏幕，如果内容区域超出了剩余的屏幕高度就展示滚动条，设置样式如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < 阅读全文
posted @ 2025-05-26 16:29
smil、梵音
阅读(91)
评论(0)
推荐(0)
摘要：
项目中有一个列表，有复选框列、文件名称列、操作列（操作列无表头）、时间列、大小列。 文件名称列的样式设置为 flex : 1，其他列都有固定的宽度。所以名称列会根据屏幕宽度的大小而自适应，同时文件名字太长的话，需要截断显示省略号，同时文件名称列左边还有一个图标。 下面为样式设置。 .col-name 阅读全文
posted @ 2025-05-26 16:07
smil、梵音
阅读(78)
评论(0)
推荐(0)
摘要：
打开项目，发现IDEA中项目文件目录消失了 解决方案 第一步 选中 File - Project Structure… 第二步 点击左侧栏的：Modules 然后找到：+ 注意： 这里有可能已经存在目录，此时可以在这个页面直接 -(删除)，然后再点击 +，选择 import Module 选中要导入 阅读全文
posted @ 2025-04-21 16:05
smil、梵音
阅读(2042)
评论(0)
推荐(1)
摘要：
<template> <div v-for="(item, index) in imgData" :key="index" > <img :src="item.url" alt=""/> </div> </template> <script setup> const getImageUrl = (n 阅读全文
posted @ 2025-04-19 11:37
smil、梵音
阅读(21)
评论(0)
推荐(0)
摘要：
1. 使用 import 导入图片 在组件顶部导入图片，并绑定到 images 数据： <script setup> import img1 from '@/assets/images/1.png'; // 使用 @ 别名（需确保 Vite 配置支持） const images = ref([ { 阅读全文
posted @ 2025-04-12 11:39
smil、梵音
阅读(213)
评论(0)
推荐(0)
摘要：
在 Vue 3 中，父组件调用子组件的方法时，子组件 必须暴露方法，否则父组件无法直接访问子组件的内部方法。 原因 Vue 3 的设计原则是强调组件的封装性和可维护性。子组件的方法默认是私有的，只有通过明确暴露（expose 或 defineExpose）才能被父组件访问。这种设计有助于避免直接访问 阅读全文
posted @ 2025-03-31 09:37
smil、梵音
阅读(745)
评论(0)
推荐(0)
摘要：
<input type="checkbox">默认的样式是由浏览器控制的，直接修改它的样式比较困难。可以通过一些CSS技巧来实现自定义样式，包括改变颜色。 直接上例子吧： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < 阅读全文
posted @ 2025-03-26 15:55
smil、梵音
阅读(633)
评论(0)
推荐(0)
浙公网安备 33010602011771号