表头 图标vue3 vue
vue 创建 项目方式
使用 webpack 创建 vue create pageName 资料 https://cli.vuejs.org/zh/guide/ 使用 vite 创建 npm create vue@latest 资料 https://cn.vitejs.dev/guide/cli https://githu ......
vue Vite3出现错误runtime-core.esm-bundler.js:6835 Uncaught TypeError: normalizeKey is not a function at createBaseVNode (runtime-core.esm-bundler.js:6835:19)
原因是在引入Element-Plus的顺序在vue之前导致，重新调整下他们的顺序后，问题解决。 import App from './App.vue' import { setupI18n } from '/@/i18n' import { setupRouter } from '/@/router ......
手机直播源码，js实现懒加载、vue实现图片懒加载指令
手机直播源码，js实现懒加载、vue实现图片懒加载指令 图片懒加载 监听滚动条滚动事件，当视口的高度＋滚动高度，大于图片所在位置举例顶部的偏移量时(也就是距离)，加载图片资源 index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ......
vue3 reactive对象的watch
代码 <script setup> import { ref,reactive, watch } from 'vue' const obj = reactive({ count: 0 }) const yourKnow0 = ref('') const yourKnow1 = ref('') let ......
vue项目中知识点整理
1、vue怎么找到入口页面的？ 在Vue项目中，入口页面（即根组件）是通过配置文件指定的。在创建Vue项目时，Vue CLI会自动生成一个src目录，并在其中创建一个名为main.js的文件。这个main.js文件就是Vue项目的入口文件。 在main.js文件中，你会看到以下代码： import ......
Vue 使用 sheetJS 通过 sheetJSON 解析 Excel 文件
安装 $ npm install xlsx 处理 import XLSX from 'xlsx'; /** * @param {string} data 文件名.xlsx */ export const read = (data, type, headerType=null) => { // 获取 ......
vue2和vue3项目并存时，下载nvm管理nodejs
1、下载nvm 1）下载一个1.19版本以上的nvm，在执行“npm install”时报错“npm ERR! Unexpected token '.'”。。https://blog.csdn.net/qq_25286361/article/details/132899937 2）在nvm/sett ......
vue3结构赋值失去响应式引发的问题思考
前言 vue3是基于 proxy 实现响应式的能力， 解决了vue2所遗留下来的一些问题，同时也正由于 proxy 的特性，也提高了运行时的性能 凡事有利有弊， proxy虽然无敌，但是他也有本身的局限，从而产生一些认为的弊端 原始值的响应式系统的实现 导致必须将他包装为一个对象， 通过 .valu ......
vue+iframe 添加请求头，自适应宽度和高度，iframe将token放在请求头不是src的url中
1 <template> 2 <div class="iframe"> 3 <iframe 4 v-if="isRequestHeader" 5 id="myIframe" 6 name="myIframe" 7 src="" 8 frameborder="0" 9 scrolling="no" 1 ......
【HMS Core】帐号服务中登录图标字体如何改变
【关键词】 登录按钮、字体 【问题描述】 APP需要分发到香港地区，登录按钮图标如何改成繁体字，文档里只有中英文。 https://developer.huawei.com/consumer/cn/doc/HMSCore-Guides/dev-specifications-00000010500 ......
【HarmonyOS】Mac电脑打开DevEco Studio意外退出或双击图标没反应
【关键字】 Mac,DevEco Studio 【问题背景】 Mac电脑打开DevEco Studio报意外退出，或者双击图标没反应 【解决方案】 删除Users/{USER_NAME}/Library/LaunchAgents/jetbrains.vmoptions.plist文件后重启M ......
Vue3 + Express 实现大文件分片上传、断点续传、秒传
前言 在日常开发中，文件上传是常见的操作之一。文件上传技术使得用户可以方便地将本地文件上传到 Web 服务器上，这在许多场景下都是必需的，比如网盘上传、头像上传等。 但是当需要上传比较大的文件的时候，容易碰到以下问题： 上传时间比较久； 中间一旦出错就需要重新上传； 一般服务端会对文件的大小进行限制 ......
Vuex及Vue组件通信
Vuex及Vue组件通信 Vuex是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证 状态以一种可预测的方式发生变化。 通俗点说就是不用考虑组件之间的嵌套关系（例如：父子、祖孙、兄弟等），就可以让组件之间进行互相通信。 组件五把 ......
【VUE基础】VUE3核心语法
setup setup是Vue3中一个新的配置项，值是一个函数，它是 Composition API “表演的舞台”，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在setup中。 特点如下： setup函数返回的对象中的内容，可直接在模板中使用。 setup中访问this是un ......
简单介绍Vue、uni-app、微信小程序三者之间的联系
uni-app和Vue的关系 使用Vue.js开发；在发布到H5时，支持所有的vue的语法；发布到App和小程序时，不支持部分vue语法(vue-router，需要dom操作的第三方插件、组件) uni-app和小程序的关系 组件标签靠近小程序规范；接口能力（JS API）靠近微信小程序规范；拥有完 ......
使用vue3和vite导入index.vue文件而不指定文件名
<script setup> import MapTimeLegend from "./components/MapTimeLegend" </script> [plugin:vite:import-analysis] Failed to resolve import "./components/M ......
VUE与WPF树形控件的区别与使用
VUE：树形结构显示，主要在数据查询的时候把数据拼成树形结构的数据， 注意：VUE中树形结构体必须要有children，此对象必须是list类型 WPF：树形结构显示，是把所有的数据查询到，然后WPF中的控件通过ID和PID来自动把数据呈现成树形结构 ......
Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范
项目代码同步至码云 weiz-vue3-template 要求代码规范，主要是为了提高多人协同和代码维护效率，结合到此项目，具体工作就是为项目配置 eslint 和 prettier。 editorconfig 安装 EditorConfig for VS Code 插件，根目录下新建 .edito ......
Vue中process.env关键字，process.env.VUE_APP_BASE_API
Vue中process.env关键字，process.env.VUE_APP_BASE_API：https://blog.csdn.net/coinisi_li/article/details/128547778 vue分环境配置变量及打包：https://blog.csdn.net/weixin_ ......
记录后端不同请求方式的接口,使用vue3框架下的前端axio请求不同写法
一. 后端接口: @GetMapping("/index") public ResponseResult index() {..} 前端接口: indexInfo().then(res => { if (res.data.code == 200) { ElNotification({ message ......
vue的生命周期
vue的生命周期图如下： 总结：一般在created中进行数据请求、mounted中操作dom数据结构、beforeDestroy中关闭定时器或订阅消息等 ......
输入框、文本域中内容底部有红色波浪线，如何去掉？vue2 html
取消检查就不会有红色波浪线 添加属性：spellcheck="false" 1 <el-input 2 type="textarea" 3 :autosize="{ minRows: 2, maxRows: 40 }" 4 placeholder="请输入内容" 5 v-model.trim="te ......
学习Vue3 第五章（Vue核心虚拟Dom和 diff 算法）
介绍虚拟DOM 虚拟DOM就是通过JS来生成一个AST节点树 为什么要有虚拟DOM？ 一个dom上面的属性是非常多的，所以直接操作DOM非常浪费性能 介绍Diff算法 diff算法的目的就是找出新旧不同虚拟DOM之间的差异,使最小化的更新视图，所以 diff 算法本质上就是比较两个js对象的差异 特 ......
关于 FontAwesome 字体图标库的 content 属性
下图这个例子里，\f0002 被映射为一个放大镜图标： 代码： .fa-search:before { content: "\f002"; } 在Web前端开发中，上图提到的代码是属于使用字体图标（icon fonts）的一种方式。在这个特定的例子中，.fa-search 是一个CSS类，:befo ......
Vue动态更新数据内容，百度下拉框提示
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="js/vue.js"></ ......
VUE前后端分离项目，前端打包，可配置修改环境变量文件，无需再次打包
懒得打字了，直接截图， 转载自：https://blog.csdn.net/CSDN_33901573/article/details/130603111 ......
超分课设，Flask后端，vue前端
1.前端 node准备 npm -v 查看版本 npm install 包名 --save 安装 可简写成npm i 包名 -s npm uninstall 包名 --save 卸载 npm run serve 运行项目 npm build 项目打包 npm list --depth=0 -glob ......
vue3 项目中出现的空白页面的总结(巨坑)
一、背景 开局先说一句!!!! 好坑!!!!!,我遇到的空白页面的问题，不是路由懒加载的原因，是在点击路由完整的状态下，点击菜单跳转页面，出现的空白页面，不能触发页面中任何钩子函数，但是路由是跳了的，重新刷新页面，页面内容即可出现，而且空白出现率相当高。我能想到出现这种原因template中必须有且 ......
学习Vue3 第四章 vue指令
指令 v- 开头都是vue 的指令 v-text 用来显示文本 v-html 用来展示富文本 v-if 用来控制元素的显示隐藏（切换真假DOM） v-else-if 表示 v-if 的“else if 块”。可以链式调用 v-else v-if条件收尾语句 v-show 用来控制元素的显示隐藏（di ......