• ruoyi vue表单设计器

    时间:2024-05-19 15:31:47

    ruoyi vue表单设计器整了半个多月的表单设计器终于出来了!说一下我的具体需求吧。因为公司要做很多有关表单的业务,为了减少代码量和增加工作效率。和工作流进行整合,在工作流中调用表单。之前做过一个html标签的拖拽表单设计,感觉写的有点乱,判断各种属性标签生成数据库表字段有点麻烦,所以最近又做了一...

  • VSCode中编写Vue项目使用Eslint+Prettier格式化,会自动加上分号 空格 单引号变双引号问题

    时间:2024-05-19 15:25:53

    近期在使用Vue写项目使用Prettier格式文档时发现格式过后会自动加上分号 空格 单引号变双引号问题,这样一保存ESlint就会出现报错!网上找了好多教程各种改配置并不能解决问题!!!一.在VSCode设置中搜索prettier更改其中的Semi 和Single Quote之后也不能生效。如下图...

  • vue同一页面中拥有两个表单时,验证问题

    时间:2024-05-19 15:24:13

    问题:如果vue的同一个页面拥有两个表单。验证第一个表单时没有通过就切换到第二个,那么第二个表单会出现验证错误的信息我们可以通过为两个表单添加ref属性之后在通过调用resetFields()方法来解决问题代码如下<el-form :model="form" :rules="rules" re...

  • vue 项目 利用bus实现登录注册页面之间的切换

    时间:2024-05-19 15:22:11

    一、目标写一个登录的主页面。主页面内放入一个登录页和一个注册页。进入后默认为登录,点击注册按钮后换为注册页。注册完成后换回登录页。二、前期准备文件位置关系:主页面结构:通过v-show来控制显示的是登录还是注册。登录和注册页面结构:界面效果:点击注册按钮:点击确认注册又切换回登录界面。三、进入正题1...

  • vue(路由使用keep-alive)+echarts:echarts数据获取中切换路由再切换回来时echarts图没有显示的问题解决

    时间:2024-05-19 15:10:08

    问题: 之前是在请求数据后,初始化echarts,然后调用setOption(),这次发现,如果请求图表的请求还未完成就切换到其他路由,且请求完成时还未回到图表页面,则echarts图不会展示。原因分析: 由于在图表请求结束后,会调用echarts.init方法,该方法传入的参数是放置echarts...

  • vue搭建后台管理页面(点击左侧导航,切换右侧内容)

    时间:2024-05-19 14:57:43

    home.vue页面:<template> <div style="background-color: #EBEBEB;min-height:900px"> <div style="width:100%;background-color: #636363; ov...

  • vue+ elementUI使用el-autocomplete从远程实时查询

    时间:2024-05-19 14:57:20

    页面需求如下:第一步,在“预制模板”中输入模板名,需要从数据库模糊查询出数据集,第二步,选中某条数据后,将对应的其他数值填入“合并方式”等其他项目中。<template> <el-dialog :title="'箱单发票创建设置'" append-to-body="true" ...

  • 当你vue创建项目创建不成功,报错Failed to get response from htttps://registry.npm.taobao.org/vue-cli-version-m,解决办法

    时间:2024-05-19 14:08:21

    1 你看是不是跟我的一样 提示你Failed to get response from htttps://registry.npm.taobao.org/vue-cli-version-marker . 2 我试了好多方法 ,甚至 node,vue脚手架都 卸载还是没用。 3 我测试了nrm ls ...

  • vue 项目 core-js报错 "core-js/modules/es6.array.find-index"

    时间:2024-05-19 14:00:49

    今天早上新拉代码然后install之后npm run dev报错提示页面提示报错于是在网上找了一下,发现是core-js版本太高***给它安装cnpm install [email protected]* (我用的淘宝镜像)成功完结....

  • vue的toast弹窗组件错误总结

    时间:2024-05-19 11:55:55

    参考:手摸手教你写一个vue的toast弹窗组件 https://blog.csdn.net/william_jzy/article/details/85111961index.jsimport vue from 'vue'// 静态组件import toastComponent from './t...

  • vue中computed,method,watch的执行顺序

    时间:2024-05-19 11:41:37

    这是部分测试代码 文档首次加载时执行了computed,当我为currentTab属性重新赋值时有两种情况:1、赋原值             只执行了methods,2、赋其他值              可见是按顺序执行了method,watchs,computed综上所述得出部分结论:comp...

  • 使用vue前的准备工作(安装node,淘宝镜像,脚手架)

    时间:2024-05-19 11:01:49

    使用vue前要先安装node.js,脚手架(Vue-Cli),淘宝镜像。1.首先安装node.js,  node.js中文网下载地址:http://nodejs.cn/download/下载好之后,在开始处运行cmd,输入node -v,检查是否可用;2.安装淘宝镜像(要在项目中进行安装)安装命令:...

  • 使用npm初始化创建vue项目

    时间:2024-05-19 11:01:24

    为什么要使用npm(自己的理解)当年的前端都是sublime来玩,如今引入前端工程化的概念,让前端与后端分离,分离后的前端工程化,需要使用第三方管理工具进行开发过程管理。就出现了npm,Node Package Manager。从字面我们可以理解,npm是基于node.js的,安装node.js后会...

  • vue配合MyWebServer,实现项目上线的部署教程

    时间:2024-05-19 08:32:59

    一 下载MyWebServer服务器-->安装二.Vue项目:npm run build将生成的dist目录里面的内容(注意:不包含dist目录本身),如图三 启动服务器,四 打开浏览器输入:localhost即可看到结果...

  • vue项目nginx部署,以及带项目名的部署

    时间:2024-05-19 08:32:10

    vue项目部署,以及带项目访问的部署vue部署到服务器带项目名的vue项目部署大功告成vue部署到服务器1.进行打包,idea上npm运行build进行打包 打包完成后项目目录下的dist文件即项目 2.配置nginx服务器,打开conf目录下,nginx.conf文件 只需要注意root对应你的d...

  • vue循环添加,删除,重置

    时间:2024-05-19 08:16:52

    数据库:bean: package com.heeexy.example.bean;import java.util.Date;import org.springframework.format.annotation.DateTimeFormat;import com.fasterxml.jacks...

  • element+vue 表格多选时执行删除操作,刷新表格问题

    时间:2024-05-19 08:15:07

    今天我遇到了一个问题,当table执行多选时,走后台执行删除操作之后,再次选择之后就会加上之前删除的数据,并没有清空,重新执行选择的数据进行删除,弄了很久之后,发现了一个方法,分享给大家:用ref绑定表格:在执行ajax之后:清除复选框,并清除对应的数组。这样就完美的解决了!!!...

  • Vue项目环境搭建及git仓库新建

    时间:2024-05-19 07:09:05

    主要是git安装 vue在git上的项目搭建命令 简单总结下1.node安装  2.git安装 3.码云项目管理 4.vue项目搭建 5.git和码云代码同步1. 安装node.js链接:https://nodejs.org/en/download/直接傻瓜式安装即可。一直下一步下一步就好啦。   ...

  • 前端MVC Vue2学习总结(五)——表单输入绑定、组件

    时间:2024-05-18 22:23:46

    一、表单输入绑定1.1、基础用法你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖,它负责监听用户的输入事件以更新数据,并特别处理一些极端的例子。v-model 并不关心表单控件初始化所生...

  • vue搭建 maven配置

    时间:2024-05-18 22:18:21

    搭建前端vue环境1、①安装node:在搭建vue的开发环境之前必须先下载node.js,官网地址:http://nodejs.cn.根据自己电脑配置选择是32位还是64位。安装node.js的原因是因为vue的运行需要依赖于node的npm的管理工具来实现。②安装完成之后,打开命令行工具,输入 n...