模版 语法vue3 vue
VUE npm run serve 提示error Mixed spaces and tabs no-mixed-spaces-and-tabs 解决办法
解析： 看这个错误提示意思就是“不允许代码中出现空格和tab键混合的情况”大多数代码约定要求使用空格或 tab 进行缩进，禁止使用空格和tab混合缩进。因此，一行代码同时混有 tab 缩进和空格缩进，通常是错误的。 解决办法：原因找到了，解决办法就是找到spaces和tabs混合的地方，然后统一即可 ......
vue项目结合vant，实现上拉加载更多，下拉刷新
上拉加载思路： 1. 引入vant 组件 上拉list 2. 后端数据做了分页处理，获取接口数据，渲染到页面上,(此处只会显示一页的数据) 3. 设置属性去实现效果，loading,finished为vant组件中提供的 4. 每次滚动到底部后把页面数+1，发送一次请求获取新分页数据. 5. 获取完 ......
axios拦截无法使用vue-router
在axios的接口拦截配置中，无法直接使用导入vue-router路由实例的方式进行路由跳转 import { useRouter } from "vue-router"; const router = useRouter (); router.push("/login"); 会出现以下报错： Un ......
使用VUE的component is 组件实现切换标签
VUE实现切换标签： <!DOCTYPE html> <html> <head> <title>Dynamic Components Example</title> <script src="https://unpkg.com/vue@2"></script> <style> .tab-button ......
Vue通过v-modal实现子组件通讯
1、在props设置属性value ``` props: { value: { type: Object, default: {} } } ``` 1、设置属性，接收value，在mounted或created中赋值 ``` data(){ return { valueObj:{} } }, mou ......
1104. 模版标签
一、常用标签 模板标签：标签在渲染的过程中提供任意的逻辑 标签语法：由{% %} 来定义，例如：{%tag%} {%endtag%} 模板标签的例子： 1. if {% if name == 'python' %} 这个是python的页面 {% elif name == 'dhango' %} 这 ......
java基于的springboot+vue4S店车辆管理系统，车辆销售管理系统，附源码+数据库+lw文档+PPT
**1、项目介绍** 首先介绍了4S店车辆管理的技术发展背景与发展现状，然后遵循软件常规开发流程，首先针对系统选取适用的语言和开发平台，根据需求分析制定模块并设计数据库结构，再根据系统总体功能模块的设计绘制系统的功能模块图，流程图以及E-R图。然后，设计框架并根据设计的框架编写代码以实现系统的各个功 ......
SSM + MySQL + Vue2.x + ElementU 图书管理系统（期末作业）
# 图书管理系统 ## 项目介绍 🔥 SSM + MySQL + Vue2.x + ElementUI 🔥 本项目使用 Idea 开发工具采用当前最火的Java + Web前端框架开发，在保证质量的同时界面美观，交互友好，实在是期末大作业的首选项目。 ## 软件架构 使用软件设计三层架构 + 前 ......
vue集成markdown
安装 （二选一） npm : npm install mavon-editor -S yarn : yarn add mavon-editor -S main.js进行全局注册 //main.js全局注册 import mavonEditor from 'mavon-editor' import ' ......
vue.config.js跨域配置，以及代理配置
1 //配置代理后端路径 2 //并设置跨域 3 module.exports = { 4 devServer: { 5 port: 2222, //启用时的端口号 6 proxy: { //代理访问后端接口 7 8 //配置拦截器替换规则 9 '/api' : { //碰到路径中带有/api的路径 ......
vue集成高德地图
<template> <div style="width:100%; height:100%; background-color:gray; display:flex; justify-content:center; align-items:center"> <!-- loding-icon --> ......
vue实现页面无限滚动
<div id="load2" class="infinite-list" v-infinite-scroll="load" style="overflow:auto; display: flex;flex-wrap: wrap;justify-content: center;" > <el-car ......
vue集成websocket
安装websocket yarn add nodejs-websocket 导入并创建服务端 /** * 服务端代码 */ // 1.导入nodejs-websocket包 const ws = require('nodejs-websocket'); const PORT = 3000 // 2. ......
vue实现卡片滚动效果
vue实现卡片滚动左右切换效果 HTML： //最外层盒子 <div class="box_1"> //内层盒子 <div class="box_2" :style="{ transform: 'translateX' + '(' + currentOffset + 'px' + ')',}"> / ......
java基于springboot+vue的土特产在线销售平台、特产在线销售商城，附源码+数据库+lw文档+PPT
**1、项目介绍** 考虑到实际生活中在藏区特产销售管理方面的需要以及对该系统认真的分析，将系统权限按管理员和用户这两类涉及用户划分。 （1）管理员功能需求 管理员登陆后，主要模块包括首页、个人中心、用户管理、特产信息管理、特产分类管理、特产分类管理、特产评分管理、系统管理、订单管理等功能。 ![] ......
vue中输入密码带图标可见不可见切换
data() { return { userName: "", pswd: "", loginDisabled: false, labelPosition: "top", passwordType: 'password', passwordIcon:require('@m/assets/images ......
Vue框架的简单了解
Vue是一款轻量级的前端框架，它采用了MVVM的架构模式，通过数据的双向绑定技术实现了组件化开发、模板语法、指令系统等特性，使得开发者可以更加便捷地构建交互性强、页面复杂度高的单页应用程序。 Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。V ......
Vue框架的简单了解
Vue是一款轻量级的前端框架，它采用了MVVM的架构模式，通过数据的双向绑定技术实现了组件化开发、模板语法、指令系统等特性，使得开发者可以更加便捷地构建交互性强、页面复杂度高的单页应用程序。 Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。V ......
Markdown语法笔记
Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，Markdown文件的后缀名便是“.md”。 参考教程: ## 基本语法 ``` md 标题: # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 粗体: **bold text ......
2023前端面试题整理-VUE篇
1. VUE的基本原理 当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty将它们转为getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时通知变化。 每个组件实例都有相应的watcher程序实例，它会在组件渲染的过程中把属性记录为依赖 ......
XPath语法：在XML文档中定位和选择节点的利器
XPath（XML Path Language）是一种用于在XML文档中定位和选择节点的语言。它提供了强大的定位和选择能力，使开发人员能够准确、灵活地定位所需的元素。本篇博客将介绍XPath的语法和常用定位方法，帮助你在Web自动化测试等场景中更好地应用XPath。 ### 一、xpath定位 1. ......
Dockefile构建镜像语法：
1.构建nginx镜像 # Base image FROM centos:7 # MAINTAINER MAINTAINER cbmiao <miaocbin@126.com> # 将nginx以及pcre源代码加入镜像 ADD nginx-1.20.1.tar.gz /usr/local/src/ ......
Ubuntu桌面下Vue开发环境搭建
# Ubuntu桌面下Vue开发环境搭建 ## node环境 ### node安装 > [node官网](https://nodejs.org/en) 下载node安装包：node-v18.16.0-linux-x64.tar.xz ```shell # 解压 sudo tar -xvJf node ......
vue3 +leaflet + 天地图
### vue3使用leaflet ```javascript npm install leaflet -D ``` ###### 如果使用了ts ```javascript npm i --save-dev @types/leaflet // 使用了ts需要下载声明类型 ``` ```javasc ......
day10-12 函数语法铺垫&函数的参数
## 第八节 函数 ### 【一】函数初识 #### 【一】函数的基本使用 - 基于前一部分的学习，我们已经能开发一些功能简单的小程序了，但随着程序功能的增多，代码量随之增大，此时仍不加区分地把所有功能的实现代码放到一起，将会使得程序的组织结构不清晰，可读性变差，且程序中需要频繁使用同一功能时，只能 ......
springboot基于vue的MOBA类游戏攻略分享平台、游戏资讯分享平台，附源码+数据库+lw文档+PPT，包运行
**1、项目介绍** 任何系统都要遵循系统设计的基本流程，本系统也不例外，同样需要经过市场调研，需求分析，概要设计，详细设计，编码，测试这些步骤，基于java语言设计并实现了MOBA类游戏攻略分享平台。该系统基于B/S即所谓浏览器/服务器模式，应用java技术，选择MySQL作为后台数据库。系统主要 ......
记录--Vue中如何导出excel表格
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、导出静态数据 1、安装 vue-json-excel npm i vue-json-excel 注意，此插件对node有版本要求，安装失败检查一下报错是否由于node版本造成！ 2、引入并注册组件（以全局为例） import Vue ......
Typora语法大全（包含数学公式）
一、Markdown基本语法 标题 #一级标题 （快捷键Ctrl+1） ##二阶标题 （快捷键Ctrl+2） ###三阶标题 （快捷键Ctrl+3） ####四阶标题 （快捷键Ctrl+4） #####五阶标题 （快捷键Ctrl+5） ######六阶标题 （快捷键Ctrl+6） 如何生成目录 @[ ......
ruoyi-vue接入钉钉，作为h5微应用
ruoyi-vue接入钉钉，作为h5微应用 https://blog.csdn.net/jiaodacailei/article/details/124709914 1.安装依赖 在ruoyi-ui目录，npm安装依赖： npm install dingtalk-jsapi --save 2.定义全 ......