vue学习日记第98页

vue引入wangEditor

1，使用npm安装:npminstallwangeditor（注意wangeditor全部是小写字母）2，定义一个放富文本的元素3，愉快的配置富文本leteditor=newE('#editorElem')editor.customConfig.showLinkImg=false;editor.customConfig.uploadImgServer='服务器地址';//上传图片到服务器edito

LYP_0320·2024-02-02 14:03

uniapp中echart实例

1，自定义仪表盘797_1706772047index.vueimport{useGaugeStore}from"@/stores/utils";const{currentValueEndAngle,currentSplitNumber

LYP_0320·2024-02-02 14:01

vue2将一个页面作为组件来展示

这里使用vue2进行的实现首先先建一个页面我是标题块111exportdefault{name:"index"}建好了页面，接下来在需要将这个页面当作组件来引入的页面些代码importtitleFirstfrom

你非柠檬为何心酸142·2024-02-02 14:00

静态HTML引入vue封装组件

在对历史原生html代码使用vue重构项目时，可以利用vue相关组件进行项目优化、实现统一管理，本文结束html+vue的构建方式，欢迎大家阅读交流。

pmsyn·2024-02-02 14:09

【项目创建笔记】

使用vue2创建项目1.打开终端，win+r打开输入cmd下载node.js，查看node.js版本2.安装vue-cli脚手架npminstall-g@vue/cli根据提示创建配置项目参考来源：https

久靥_·2024-02-02 14:37

slot插槽

slot的意思是插槽，Vue使用slot的作用是做内容分发。所谓的内容分发其实就是将父组件的内容放到子组件指定的位置叫做内容分发。匿名插槽无name属性在组件中只可以使用一次父组件

你喜欢吃青椒吗_c744·2024-02-02 13:19

基于Python+Django，我开发了一个学生信息管理系统

基于python+django+vue.js开发的学生信息管理系统功能介绍平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。

Python数据开发·2024-02-02 13:27

基于python+django，我开发了一款药店信息管理系统

功能介绍平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。功能包括：药品管理、分类管理、顾客管理、用户管理、日志管理、系统信息模块。

Python数据开发·2024-02-02 13:56

基于Python在线考试系统(Django框架)开题答辩常规问题和如何回答(答辩指导)

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。

黄菊华老师·2024-02-02 13:56

vue-cli配置.json自动生成模板

vue.jpg首先看效果图image.png首先必须安装扩展组件中的Vetur按照提示选择image.png输入vue.json进行打开，发现什么都没有接下来把下面的代码进行复制黏贴后重新新建一个.vue

编程小橙子·2024-02-02 13:16

安装jar包到maven本地仓库的基本步骤

1.jar名字和所在目录2.输入导包脚本mvninstall:install-file-Dfile=E:\resources\6、SpringBoot3+Vue3全套教程\02_资料\02_Bean注册资料

墨殇离陌·2024-02-02 13:53

Vue2.0 | 将项目打包成exe文件

本篇介绍使用pkg插件将Vue项目打包成exe文件；前期准备完成之后，cmd

FSYML·2024-02-02 13:52

vue elementUI el-select 同时获取label 和 value 的值

exportdefault{data(){return{fruit:’’,selectList:[{fruitName:‘苹果’,fruitEnName:‘apple’},{fruitName:‘橘子’,fruitEnName:‘orange’}]}},methods:{handleChange(val){//传进来的val是select组件选中的value值，也就是一个fruitEnNameva

无人之岛08·2024-02-02 13:15

vue之elementUi的el-select同时获取value和label的两种方法

新老农·2024-02-02 13:13

cli2取消启动vue中eslint的警告

启动项目，操作一段时间之后，浏览器或者终端会出现几个warning，不是报错，剧推断应该是eslint监测警告，可以关闭这个，如下：在项目中打开bulid文件夹下的webpack.base.config.js文件。将以下代码删掉或注销：module:{rules:[//这里注释就好了//...(config.dev.useEslint?[createLintingRule()]:[]),{test

颂温暖·2024-02-02 13:04

JeecgBoot jmreport/loadTableData RCE漏洞复现(CVE-2023-41544)

前后端分离架构SpringBoot2.x，SpringCloud，AntDesign&Vue，Mybatis-p

Love Seed·2024-02-02 13:10

Vue3 + vite + Ts + computed（计算属性）和 watch（侦听器）的简单使用方法

Vue3+vite+Ts+computed（计算属性）和watch（侦听器）的简单使用方法computed：计算属性计算属性就是当依赖的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候

W.Y.B.G·2024-02-02 13:39

方法二则[VUE ERROR] Invalid options in vue.config.js: "publicPath" is not allowed

#[[VUEERROR]Invalidoptionsinvue.config.js:"publicPath"isnotallowed](https://www.cnblogs.com/similar/p

zoomlaCMS·2024-02-02 13:06

vue el-date-picker 时间选择器选择日期范围

el-date-picker选择日期范围这是element官网上的基础时间选择器选择时间范围默认exportdefault{data(){return{value1:'',};}};显示效果如下图属性意义v-model上面v-model="value1"意味着当前时间选择器组件和value1的值双向绑定，value1变化，这里面的值也会变化type显示类型，默认显示date，这边要选择时间范围，使

今年不养猪只除草·2024-02-02 13:03

html,css,js速成

准备：vscode配好c，python，vue环境。1.htmlhypertextmarkuplanguage(超文本标记语言)1.基础语法一个html元素由开始标签，填充文本，结束标签构成。

cllsse·2024-02-02 13:00

vue项目中按需引入viewUI

viewUI一、按需引入二、忽略eslint编译器检测和编译检测1.忽略编译器检测2.编译器中忽略一、按需引入npminstallbabel-plugin-import--save-dev//.babelrc1{“plugins”:[[“import”,{“libraryName”:“view-design”,“libraryDirectory”:“src/components”}]]}//mai

aら　淼·2024-02-02 12:29

vue3.0、cli4项目引入element plus

element团队为新版的vue-cli4准备了相应的ElementPlus插件安装依赖npminstallelement-plus--savemain.js全局引入，样式文件需要单独引入import{

aら　淼·2024-02-02 12:29

ElementUI Form：Form表单

ElementUI安装与使用指南Form表单点击下载learnelementuispringboot项目源码效果图el-form.vue（Form表单）页面效果图项目里el-form.vue代码exportdefault

ChinaDragonDreamer·2024-02-02 12:28

ElementUI Form：Select 选择器

ElementUI安装与使用指南Select选择器点击下载learnelementuispringboot项目源码效果图el-select.vue（Select选择器）页面效果图项目里el-select.vue

ChinaDragonDreamer·2024-02-02 12:56

在vue3中element-plus如何设置el-table默认全选

首先我们使用ref引用el-table标签然后在挂载函数中调用el-table的函数toggleAllSelection，即可实现全部勾选import{ref}from'vue'consttable=ref

呆鱼敲代码·2024-02-02 12:51

ASP.NET Core WebAPI_解决跨域问题(前端后端)

说明我的前端框架为Vue３前后端跨域选其一即可前端跨域在项目的根目录找到vite.config.js文件，添加代码：server:{proxy:{'/api':{target:'https://localhost

Mudrock__·2024-02-02 12:07

Vue中实现输入框Input输入限制

监听输入框变化通过@input监听更新数据，实现只能输入数字，而且可以自行定制限制输入内容此方法可以满足需求，但是无法封装进行批量使用封装全局指令封装input限制输入指令,限制只能输入整数和小数//index.jsconstaddListener=function(el,type,fn){el.addEventListener(type,fn,false)}letenterNumber={bin

zhao_ran·2024-02-02 12:25

使用vue3结合requestAnimationFrame计算网页的帧数FPS

每跑完一次requestAnimationFrame，就说明跑完一帧了，所以我们只需要计算出：一秒内跑了多少次requestAnimationFrame即可import{Ref,ref}from'vue

打工人小夏·2024-02-02 12:23

vue2前端使用axios发起post请求，后端(springboot)拿不到值解决办法

一、错误回现（前后端错误演示）axios封装-我常用的请求头参数application/json;charset=utf-8页面登录请求-post网络请求正常传入参数后端代码，查看控制台发现都为null，没取到值。二、解决1.尝试将前端post请求改成get,其他都不用变发现正常取到值，打印输出正常。前端页面正常跳转。2.后端设置为post请求，前端axios要配置请求头参数还要再对数据再进行一次

打工人小夏·2024-02-02 12:52

前端(Vue),和后端(springboot)解决跨域问题

跨域它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制什么情况出现跨域：端口号，协议，域名有一个不同就会出现跨域问题一、前端解决Vue需要建立一个配置文件vue.config.js

打工人小夏·2024-02-02 12:21

Ajax 详解及其使用

Vue中通常利用Ajax技术来实现动态数据的获取、展示和更新。Ajax的工作原理创建XMLHttpR

weixin_45782719·2024-02-02 12:17

AJAX-入门

定义概念：AJAX是浏览器与服务器进行数据通信的技术使用1.先使用axios库，与服务器进行数据通信1）基于XMLHttpRequest封装、代码简单、月下载量在14亿次2）Vue、React项目中都会用到

小沐°·2024-02-02 12:17

卸载vue-cli过程中npm uninstall vue-cli -g 一直显示 up to date in 0.042s无法卸载

问题想卸掉vue-cli，但是卸不掉。

hzx99·2024-02-02 11:01

vue中使用html5的drag实现任意位置拖动

最近做的一个项目，需要拖动配置，网上找了一圈没找到合适的轮子，没办法自己写吧，代码中有能优化的地方，没时间优化了（其实就是懒得），希望能帮到需要的人。效果图如下：可以充设备组件拖动到右侧容器中，设备组件栏中对应删除拖出去的数据，右侧容器则添加对应数据，反之亦然（从右侧拖动设备组件放回左侧设备组件栏时也是删除右侧拖出数据，设备栏添加相关数据）环境组件栏：拖动组件到右侧容器，组件栏数据保持原样，右侧容

散修灬·2024-02-02 11:26

vue动态路由,三级及以上路由,地址跳转,但是页面不显示

vue动态路由的时候,一级,二级路由都正常展示,但是三级,四级,五级等就只看到地址跳转了,但是页面并没有跳转,原因是共用了一个importLayoutfrom'@/layout'importVuefrom'vue'importRouterfrom'vue-router'importdbfrom

yzhSWJ·2024-02-02 11:20

第八篇：node模版引擎Handlebars及他的高级用法（动态参数）

江城开朗的豌豆：个人主页个人专栏:《VUE》《javaScript》个人网站:《江城开朗的豌豆》⛺️生活的理想，就是为了理想的生活!

江城开朗的豌豆·2024-02-02 11:12

[Violation] Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. Consider marki

解决谷歌浏览器警告vue3项目中使用Element-Plus的表单form校验单的时候，浏览器出现以下警告：[Violation]Addednon-passiveeventlistenertoascroll-blocking

qq_39196447·2024-02-02 11:27

12.4 Web开发_VUE框架(❤❤❤)

12.4Web开发_VUE框架1.简介1.1vue框架的使用1.代码2.代码结构分析2.vue指令2.1v-bind指令_标签属性:赋值2.2样式绑定calss1.对象形式2.数组形式2.3样式绑定style1

与海boy·2024-02-02 11:27

vue3 Uncaught SyntaxError: Unexpected token . 部分老版本浏览器报错

vue3代码中使用?.可选链操作符和空值合并运算符??

qq_39196447·2024-02-02 11:56

vue3+element-plus动态路由菜单

1、展示效果图2、创建组件SideMenu.vue{{item.mate.title}}{{item.children[0].mate.title}}1":index="item.path">{{item.mate.title

qq_39196447·2024-02-02 11:56

vue/cli脚手架搭建的vue3项目兼容低版本谷歌浏览器

vue/cli搭建的vue3项目找到项目中的.browserslistrc文件，增加一行chrome>48（版本号可以自行修改）>1%last2versionsnotdeadnotie11chrome

qq_39196447·2024-02-02 11:26

vue3 watch和watchEffect

Watch监听ref定义的数据1.ref数据基本数据类型letsum=ref（0）conststopWatch=watch（sum,(new,old)=>{If(new>=10){stopWatch()}console.log(‘sum数据变化了’)}）2.ref数据为对象类型,监听的是对象的地址值,若想监听对象内部属性值的变化，需要手动开启深度监视letperson=ref（{name：’张三’

艺逸&福兜·2024-02-02 10:42

vue2+html2pdf下载PDF,PDF分页切割

问题：PDF下载下来后，文档内容被暴力分割。解决方案：HTMLPDF......JSmethods:{downloadPDF(){//下载函数try{letvm=this;//A4宽高比例constA4_WIDTH=592.28;constA4_HEIGHT=841.89;vm.$nextTick(()=>{lettarget=document.getElementById("print");//

牧马少女·2024-02-02 10:58

vue config.js和webpack 配置文件解读以及打包流程

最近把项目的所有配置文件都研究学习了一下，发现学无止境，永远都学不完呀，慢慢学吧。本来是想拿公司项目来记录学习过程，但是呢怕引起不必要的麻烦，所以就用了git大神的一个项目。大神的目录结构如下，我们主要看build/和package.jsonimage.pngpackage.json中配置了项目的基本信息、脚本以及包信息。我们主要看下脚本，如下image.png------------------

super静_jingjing·2024-02-02 10:14

vue项目ERROR TypeError: Cannot set properties of undefined (setting ‘chunkLoading‘)

从网上拉取的vue项目运行出现这个问题，实际上这个问题解决还有各自问题会报出来的原因是：node的版本不对，版本不相兼容。要安装适合的版本。

ChenWenKen·2024-02-02 10:50

1、Runtime-Compiler和Runtime-only的区别 ------ 2019-12-09

1、Runtime-Compiler和Runtime-only的main.js文件的区别：//（1）Runtime-CompilernewVue({el:'#app',router,components

自己写了自己看·2024-02-02 10:52

SPA单页应用开发

用开发角色总结1、场景——中后台管理系统技术栈：SpringBoot、vue-cliSPA、npm、ElementUI推荐使用的IDE：VScode、WS、HB2、场景——H5前端开发技术栈：vue-cli

hangover_bfc9·2024-02-02 10:20

计算机毕业设计 SpringBoot教师档案管理系统教师培训平台系统教师人事管理系统Java

：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SpringBoot(Spring+SpringMVC+Mybatis)前端：Vue

计算机程序老哥·2024-02-02 10:24

js中常用正则校验

一.vue输入框只能输入数字//οninput="value=value.replace(/[^0-9.]/g,'')"二、常用校验/[^\d]/g//数字/^([1-9]\d{1,9}|\d)(.

葫芦娃y·2024-02-02 10:56

在JS中数组内部值的变化不触发视图更新的浅谈

问题：因为Vue的中使用的getter和setter并不会在深层的值上设置，也就是数组的具体每个数值并没有绑定getter和setter，所以在数组内部值改变的时候没有触发视图的更新。

kentlin·2024-02-02 09:06

推荐频道

vue学习日记