eslint cli-plugin-eslint quot vue
vue中的动态写法
1. :class=" `${ isShow? 'box': '' }` " 2. <div : edit=' getEdit(item.id) ' getEdit(id) { return this[ 'edit' + id] } 3. this.edit1 = this['edit' + id] ......
Vue中单选框或复选框中的label内容过长,超出范围
解决办法: 1、直接把字体调小 2、当需要的字体大小还是超出了范围时 在css中写(如果是复选框;单选框的class: el-radio__label) .el-checkbox__label { text-overflow: ellipsis; white-space: normal; line- ......
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版本 成功运行 ......
二、使用Vue3 + Vue CLI 实现系统前端模块的搭建
主要内容 前端模块的搭建:Vue CLI5 + Vue3 + Ant Design Vue3 完成手机号登录/注册功能 收获 学会纯前端项目的搭建 理解前后端分离架构 本地环境准备 vue cli安装: https://cli.vuejs.org/zh/guide/installation.html ......
文件名称使用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 ......
vue input每次输入一个字符后自动失去焦点 问题
我在输入框输入的时候,每输入一次,输入框就自动失去焦点了。ps:实现的功能是,一个列表组件,每个对象中都有一个input输入框。 <div class="addTags" v-for="(item,index) in list" :key="item.title"> <input type="tex ......
【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 ......
CefSharp 启动 未能加载由"CefSharp.Core.Runtime.dll"导入的过程
系统:Windows 8.1 CefSharp: 112.2.70(当前最新稳定版) 完整报错信息 System.IO.FileLoadException:“未能加载由“CefSharp.Core.Runtime.dll”导入的过程。” 解决 Readme.txt中已表示CefSharp 109以后 ......
#include"stdio.h"和#include<stdio.h>的区别
一、应用不同 1、#include"stdio.h" #include "stdio.h"一般用包含项目文件。 2、#include<stdio.h> #include<stdio.h>一般用包含系统文件。 二、查找不同 1、#include"stdio.h" #include"stdio.h"查找 ......
在Vue中,关于require与required
在 Vue 里面,是用 require 还是 required?始终拿捏不定,所以这里记录一下 图片是 require('@/xxx') props 里面是 required 表单验证里面是 required 总结:只有图片是 require,其它都是required ......
vue 项目npm run dev(启动)时报错The service was stopped
vue项目yarn upgrade后vite build报错,如何项目也运行不起来了。 报错截图: 解决办法: 删除node_modules文件夹,然后执行yarn install重新生成心的node_modules。 ......
复选框数据通过axios和Vue传输到servlet后台
引言 本来是想百度一下如何将table标签里面嵌入的复选框通过axios以及Vue传输到Servlet后台; 百度之后才发现,是我草率了,原来可以直接用复选框标签进行传输(好吧,又暴露了自己基础不扎实的事实......) 相关实现步骤 1、将相关的标签el-checkbox引入进去 这里我们需要引入 ......
vue2源码-六、根据render函数生成vnode
根据render函数生成vnode 上文介绍 上面已经将模板编译成了render函数,下面就要使用render函数,从而完成渲染的操作: 首先,根据render函数生成虚拟节点;然后根据虚拟节点+真实数据生成真实节点。 实现mountComponent方法,完成渲染 虚拟节点生成 封装vm._ren ......
vue按钮禁用
一个按钮的动态禁用设置是如此多坑 必须要用到prop、data prop来绑定其属性disabled,data是因为prop属性的内容不可改变。 <template> <div> <el-button type="success" size="small" @click="check">龟龟</el ......
vue-devtool
vue-devtool是使用vue必不可少的一个工具,他可以让你在开发vue项目的时候,实时展示页面上的变量。 1、下载 到github下载:https://github.com/vuejs/devtools 可使用git或者直接下载zip包 安装依赖,最好使用yarn,因为该项目使用yarn 这一 ......
前端学习笔记——Vue3组件间数值传递
依据个人的学习需求,对Vue官网中组件部分内容的搬运和总结,可用于参看,想详细了解Vue3这部分特性的可以直接参考官网内容:https://cn.vuejs.org props是一种特别的attributes,我们可以在组件上生命注册。比如:如果我们要传递给博客文章组建一个标题的话,我们则必须在该组 ......
vue3使用tinymce
第一种方法:通过使用key云端调用 安装@tinymce/tinymce-vue npm i @tinymce/tinymce-vue 去官网注册一个账号获取key,然后去https://www.tiny.cloud/get-tiny/language-packages/下载语言包,放在目录下的pu ......
vue3中使用axios
1、问题: 在vue2中axios通常是经过封装的后挂载使用的,来处理token及报错处理,比如 //main.js import ajax from '@/axios.js' Vue.prototype.ajax = ajax 在项目中使用也很方便this.ajax就行了,那vue3中是如何简单、 ......
tinymce封装成vue3组件
封装成组件 <script setup > import Editor from '@tinymce/tinymce-vue' //引入tinymce开启本地模式 import 'tinymce/tinymce' //引入图标和主题等 import 'tinymce/themes/silver/th ......
Vue3组件通信直接参考案例
https://juejin.cn/post/6999687348120190983#heading-7 Vue3 通信使用写法 1. props 用 props 传数据给子组件有两种方法,如下 方法一,setup() 方法写法 // Parent.vue 传送 <child :msg1="msg1 ......
mac 环境下 启动postgrep 报错 "/tmp/.s.PGSQL.5432" failed: No such file or directory
报错截图: 解决方案: 使用重新启动, postgrep服务: brew services restart postgresql ......
vue中通过$emit实现子向父通信
本篇讨论vue中使用$emit实现子向父通信, 第一步:我们在父组件中注册子组件,然后再给子组件标签添加一个自定义事件监听,这样在子组件实例上就绑定了一个自定义的事件add。 后面如果触发add事件,那么就会执行addBtnClick函数。 1 <template> 2 <div> 3 <h1>当前 ......
储存数据至mysql数据库时出现 (1064, "You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '),'自营店')' at line 1")报错该怎么解决?
在msyql数据库中存储数据时,程序出现了如下报错: 打印存储的数据类型发现数据类型有错误,将数据转为str类型就可以了。。。 解决思路: 在初入数据库学习时,出现这个报错还是有些懵的,于是改了捕获异常,发现存储数据函数有问题。从报错中可以看出是有跟'自营店'类似的数据有关系的,于是,查看了自己的数 ......
vue做多选,传递数组类型到后端
1.需求:多选框选择多个类型,把选中的数据传递到后端 当初在做多选框,直接用了element-ui里面的el-check-box属性,在官网里面说,是使用v-modol绑定数值来传递,好嘛,,,传的一直是true!!不是我想要的数据,也是很久没使用vue框架了,做的时候很是怀疑自己,使用value来 ......
Vue2.0 学习 第三组 条件语句
本笔记主要参考菜鸟教程和官方文档编写。1.v-if在div或者之类的dom中使用v-if可以控制是否插入该dom,控制由v-if的true和false决定。如:<div id="app"><div v-if="test"></div> </div><script>new Vue({el:"#app" ......
vue2源码-五、将模板编译解析成AST语法树2
生成render函数 前言 上篇,生成ast语法树,而这篇使用ast语法树生成render函数。 export function compileToFunction(template) { // 1,将模板编译称为 AST 语法树 let ast = parserHTML(template); // ......
Vue3中(vite.config.js)配置打包的时候去除console.log
参考:https://www.cnblogs.com/lovewhatIlove/p/16476165.html 安装terser npm add -D terser vite中配置 import { defineConfig } from "vite"; import vue from "@vit ......