组件 常用confirm vue

安装vue-lic

vue-cli是Vue.js开发的标准工具。它简化了程序员基于webppack创建工程化的Vue项目的过程。引用自vue-cli官网上的一句话:程序员可以专注在撰写应用上,而不必花好几天去纠结\webpack配置的问题。 安装和使用 (1)确保电脑已经安装了node.js,如果不确定自己是否安装了n ......
vue-lic vue lic

vue中开启https

vue2.0中 项目工程根目录下,找到文件 vue.config.js。设置 module.exports.devServer.https: true 项目工程根目录下,找到文件 vue.config.js。设置 module.exports.devServer.https: true module ......
https vue

Source Insight 常用技巧

参考:(11条消息) SourceInsight中正则表达式的使用_source insight 正则表达式搜索_qianqian_0825的博客-CSDN博客 1 - 正则表达式检索功能 1-1 当你对照 log,想检索 log 在代码中的具体位置,恰好这段打印比较复杂,无法用普通的搜索查到,可使 ......
常用 Insight 技巧 Source

uni-app实现类似confirm提示框的效果

uni.showModal({ title: '提示', content: '这是一个模态弹窗', success: function (res) { if (res.confirm) { console.log('用户点击确定'); } else if (res.cancel) { console ......
效果 uni-app confirm uni app

Vue3 vue-cli或vite创建工程

使用 vue-cli 创建工程视频 使用 vite 创建工程视频 一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本,确 ......
vue-cli 工程 Vue3 vite Vue

vue3+vant创建移动端项目,实战项目常见采坑记录

前言: 产品背景介绍 我所做的这个项目,刚开始是没有移动端需求的,等PC端做完了上线使用了几个月后,突然有一天产品经理找到我说是要做一个在PC端添加一个快速注册入口,用手机微信扫二位码进入移动端注册页面,用户注册。 所以本次需求就是在PC端添加一个tool-tip气泡型弹出二维码,再开发一个移动端注 ......
项目 实战 常见 vue3 vant

vue中的动态写法

1. :class=" `${ isShow? 'box': '' }` " 2. <div : edit=' getEdit(item.id) ' getEdit(id) { return this[ 'edit' + id] } 3. this.edit1 = this['edit' + id] ......
写法 动态 vue

Vue中单选框或复选框中的label内容过长,超出范围

解决办法: 1、直接把字体调小 2、当需要的字体大小还是超出了范围时 在css中写(如果是复选框;单选框的class: el-radio__label) .el-checkbox__label { text-overflow: ellipsis; white-space: normal; line- ......
范围 内容 label Vue

docker常用命令

一:docker服务相关命令 # 启动docker服务 systemctl start docker # 停止docker服务 systemctl stop docker # 重启docker服务 systemctl restart docker # 查看docker服务状态 systemctl s ......
命令 常用 docker

vite启动vue项目报错import { performance } from 'node:perf_hooks'

import { performance } from 'node:perf_hooks'^^^^^^ SyntaxError: Cannot use import statement outside a module 要求node版本要大于16 使用nvm 切换node版本 成功运行 ......
performance perf_hooks 项目 import hooks

二、使用Vue3 + Vue CLI 实现系统前端模块的搭建

主要内容 前端模块的搭建:Vue CLI5 + Vue3 + Ant Design Vue3 完成手机号登录/注册功能 收获 学会纯前端项目的搭建 理解前后端分离架构 本地环境准备 vue cli安装: https://cli.vuejs.org/zh/guide/installation.html ......
前端 Vue 模块 系统 Vue3

文件名称使用vue前端设置utf-8乱码问题

文件名称使用vue前端设置utf-8乱码问题 1、下载入口 /** * @description 下载文件到前端 * @params response * @params filePath 文件存放的完整路径,以文件名结尾 *@params fileName * @return void */ pu ......
乱码 前端 名称 文件 问题

vue中el-checkbox全选、反选、多选

<template> <div> <el-checkbox v-model="checkAll" @change="handleCheckAllChange" :indeterminate="isIndeterminate" >全选</el-checkbox > <el-checkbox v-mod ......
el-checkbox checkbox vue el

vue input每次输入一个字符后自动失去焦点 问题

我在输入框输入的时候,每输入一次,输入框就自动失去焦点了。ps:实现的功能是,一个列表组件,每个对象中都有一个input输入框。 <div class="addTags" v-for="(item,index) in list" :key="item.title"> <input type="tex ......
字符 焦点 问题 input vue

介绍一个.Net远程日志组件

对于软件开发的阶段和正式运行阶段,我们都需要查看日志来诊断出现的问题。不过,在查看日志时需要登录服务器,找到特定的日志文件,再查看其中的内容,这显然不是很方便。 为了解决这个问题,我们可以使用远程日志,让所有的程序产生的日志都可以通过一个 web 页面进行统一查看。这种方式可以使得维护工作更加方便。 ......
组件 日志 Net

Linux工作常用命令

查看网络开通telnet 58.34.135.139 1521 查看本地IPifconfig -a 查看防火墙状态 firewall-cmd --state systemctl status firewalld 查看CPU信息cat /proc/cpuinfoless /proc/cpuinfo | ......
命令 常用 Linux

【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范

通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。 ......

Vue中使用全局事件总线

使用第三方库mitt实现全局事件总线,其原理,和Vue2类似,在app.config.globalProperties上添加总线,然后在需要的组件中引入,调用其on/emit/off等方法实现绑定、派发和解绑等操作 1、下载安装 npm i mitt 2、在main.ts中配置 import { c ......
总线 全局 事件 Vue

参与开源之夏 x OpenTiny 跨端跨框架 UI 组件库贡献,可以赢取奖金🏆!这份《OpenTiny 开源贡献指南》请收好🎁!

本文主要手把手教大家参与 OpenTiny 开源项目。 从阅读项目的 README 文档了解项目是什么,到尝试使用 OpenTiny,再到通过阅读贡献指南文档,将项目启动起来,再到介绍 OpenTiny 项目目录和基本原理,最后是通过带大家分析和解决项目中实际的用户问题,走完整个贡献的流程。 为... ......
OpenTiny 贡献 奖金 组件 框架

angular开发从入门到入土第二节(组件通信)

一.input和output 1.子组件通过@Input装饰器获取到父组件传递的值 //子组件html模板 <p>child</p> <div> {{ showText }} </div> 子组件类 import { ChangeDetectionStrategy, Component, Input ......
组件 angular

常用注解

1.注解 注册bean: 将某个类装配到spring容器中进行托管,以下四个注解功能一样,使用的地方不同 @Component:通用组件 @Repository: 一般在dao层使用 @Controller: 一般在controller层使用 @Service:一般在service层使用 使用bea ......
注解 常用

在Vue中,关于require与required

在 Vue 里面,是用 require 还是 required?始终拿捏不定,所以这里记录一下 图片是 require('@/xxx') props 里面是 required 表单验证里面是 required 总结:只有图片是 require,其它都是required ......
required require Vue

vue 项目npm run dev(启动)时报错The service was stopped

vue项目yarn upgrade后vite build报错,如何项目也运行不起来了。 报错截图: 解决办法: 删除node_modules文件夹,然后执行yarn install重新生成心的node_modules。 ......
时报 service stopped 项目 vue

docker常用命令总结

docker常用命令总结 重要命令总结 (1)批量操作 docker 命令 $(命令) eg: docker stop $(docker ps -qa) 停止所有容器,根据id号去停止 ​ docker rm $(docker ps -qa) (2)docker help 查看docker命令帮助文 ......
命令 常用 docker

复选框数据通过axios和Vue传输到servlet后台

引言 本来是想百度一下如何将table标签里面嵌入的复选框通过axios以及Vue传输到Servlet后台; 百度之后才发现,是我草率了,原来可以直接用复选框标签进行传输(好吧,又暴露了自己基础不扎实的事实......) 相关实现步骤 1、将相关的标签el-checkbox引入进去 这里我们需要引入 ......
后台 servlet 数据 axios Vue

第五节:setState详解、render函数优化、数据不可变、ref获取DOM和组件

一. 二. 三. ! 作 者 : Yaopengfei(姚鹏飞) 博客地址 : http://www.cnblogs.com/yaopengfei/ 声 明1 : 如有错误,欢迎讨论,请勿谩骂^_^。 声 明2 : 原创博客请在转载时保留原文链接或在文章开头加上本人博客地址,否则保留追究法律责任的权 ......
函数 组件 setState 数据 render

vue2源码-六、根据render函数生成vnode

根据render函数生成vnode 上文介绍 上面已经将模板编译成了render函数,下面就要使用render函数,从而完成渲染的操作: 首先,根据render函数生成虚拟节点;然后根据虚拟节点+真实数据生成真实节点。 实现mountComponent方法,完成渲染 虚拟节点生成 封装vm._ren ......
函数 源码 render vnode vue2

vue按钮禁用

一个按钮的动态禁用设置是如此多坑 必须要用到prop、data prop来绑定其属性disabled,data是因为prop属性的内容不可改变。 <template> <div> <el-button type="success" size="small" @click="check">龟龟</el ......
按钮 vue

前端学习笔记——Vue3组件间数值传递

依据个人的学习需求,对Vue官网中组件部分内容的搬运和总结,可用于参看,想详细了解Vue3这部分特性的可以直接参考官网内容:https://cn.vuejs.org props是一种特别的attributes,我们可以在组件上生命注册。比如:如果我们要传递给博客文章组建一个标题的话,我们则必须在该组 ......
前端 数值 组件 笔记 Vue3

vue-devtool

vue-devtool是使用vue必不可少的一个工具,他可以让你在开发vue项目的时候,实时展示页面上的变量。 1、下载 到github下载:https://github.com/vuejs/devtools 可使用git或者直接下载zip包 安装依赖,最好使用yarn,因为该项目使用yarn 这一 ......
vue-devtool devtool vue