three vue js

vue本地开发的时候自定义域名端口

找到如下文件 以记事本方式打开并插入以下代码 127.0.0.1 localhost127.0.0.1 test.hhProject.com # 将此域名指向127.0.0.1本地环境 再在项目的配置文件中配置域名和端口即可 export default defineConfig({ plugins ......
定义域 端口 时候 vue

Django+Vue.js - 第一章 走进Django

目录第一章 走进Django了解DjangoMVCMTV安装创建项目创建app处理控制器 第一章 走进Django 了解Django Django 诞生于2003年,在2006年加入BSD许可协议,成为开源Web框架 优势 功能完善,容易上手,开发速度快,安全性强; 完善的在线文档; 模型自带数据库 ......
Django Vue js

Vue3 Pinia对state的订阅监听($subscribe,$onAction)数据监听

<template> <div class="main-container" :class="{'show-scroll':targetIsVisible}"> <div :style="{height:frameHeight+'px'}" class="main-content" :class=" ......
subscribe onAction 数据 Pinia state

vue pinia sessionstorage 数据存储不上的原因

vue pinia sessionstorage 的坑 默认的配置是开始 localStorage 如果用 sessionstorage 则发现数据存储不上 ,是因为缺少了序列化和反序列化 import { parse, stringify } from 'zipson' export const ......
sessionstorage 原因 数据 pinia vue

vue2 项目打包后自动压缩成zip文件

安装依赖 1 pnpm install filemanager-webpack-plugin --save-dev 在vue.config.js中添加如下代码 const FileManagerPlugin = require('filemanager-webpack-plugin')//引入插件 ......
文件 项目 vue2 vue zip

Vue 中 slot 的使用方式,以及 slot 作用域插槽的作用 ?

使用方式 组件当做标签进行使用的时候,用 slot 可以用来接受组件标签包裹的内容,当给 slot标签添加 name 属性的时候,可以调换响应的位置 插槽作用域 作用域插槽其实就是带数据的插槽,父组件接收来自子组件的 slot 标签上通过 v-bind 绑定进而传递过来的数据,父组件通过 scope ......
作用 slot 方式 Vue

JS判断变量的具体数据类型封装函数

封装函数为: //返回传入值的数据类型 function GetValueType(val) { var type = typeof val // object需要使用Object.prototype.toString.call判断 if (type 'object') { var typeStr ......
变量 函数 类型 数据

vue项目index.html文件获取代理地址方法(ajax在html文件请求接口)

获取代理地址的方式 <%= process.env.VUE_APP_BASE_API %> 其中 process.env.VUE_APP_BASE_API是代理地址 <script> ajax("<%= process.env.VUE_APP_BASE_API %>/system/config/ge ......
文件 html 接口 地址 方法

bpmn.js

在 BPMN.js 中,$inject 属性通常用于声明依赖注入的模块列表。这些模块会在创建对象实例时由依赖注入框架(如 AngularJS)提供。以下是在 BPMN.js 中常见的一些 $inject 属性: BpmnModeler 构造函数的 $inject: BpmnModeler.$inje ......
bpmn js

js filter方法的用法

filter 是 JavaScript 中的一个内置数组方法。它用于创建一个新数组,这个新数组包含通过指定函数测试的所有元素。filter 方法不会改变原数组,它返回一个新的数组。 基本用法 javascriptCopy code let filteredArray = array.filter(f ......
方法 filter js

Cannot read properties of undefined (reading 'indexOf') at VueComponent.resetField (index.js:...

Cannot read properties of undefined (reading 'indexOf') at VueComponent.resetField (index.js:1:370572) elementUI源码报错,原因竟然是form-item没加prop,折腾了一两个小时,真是服 ......

使用js添加按钮,vue页面 el-calendar 添加自定义按钮

html代码: <div class="schedule"> <div class="title"> 今 日 日 程 </div> <div class="allSchedule"> <el-row class="addSchedule" type="flex" align="middle"> <e ......
按钮 el-calendar calendar 页面 vue

vue2 前后端分离的项目,用宝塔部署,出现域名访问根目录能访问,加任何网址就404

https://admin.xxx.com/ 访问正常 https://admin.xxx.com/index 访问404 location / { root /home/ruoyi/projects/ruoyi-ui; try_files $uri $uri/ /index.html; index ......
宝塔 根目录 网址 域名 项目

JS逆向实战26——某店ua模拟登陆

声明 本文章中所有内容仅供学习交流,抓包内容、敏感网址、数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! 目标 目标网站 aHR0cHM6Ly9kLndlaWRpYW4uY29tL3dlaWRpYW4tcGMvbG9naW4= 目标 ......
实战

vue2和vue3ref的区别(详解)

Vue 2和Vue 3中ref的区别如下: 在Vue 2中,ref主要用于在模板中获取DOM元素或组件实例。而在Vue 3中,虽然ref也可以获取DOM元素或组件实例,但更重要的是,它还可以将一个基本类型的变量转换成响应式的数据,无需再通过复杂的步骤来访问响应式数据。另外,Vue 3的ref还支持对 ......
vue vue3ref vue2 3ref vue3

vue获取el-table当中选中行的各列数据

首先在标签中声明 @selection-change="handleSelectionChange" 之后在script中的methods当中编写该方法 console.log(this.$refs.cgTable.selection); 这一行代码可以获取你所选择的所有行 this.idList ......
el-table 数据 table vue el

vue3.0+antdVue2.0结合插槽slots的使用方式

首先在table中 <a-table ...> <template #action="{ record }"> <span class="action"> <a>移除</a> </span> </template> </a-table> const columns = [{ title: '操作', ......
antdVue2 antdVue 方式 slots vue3

CF1894B Two Out of Three

思路 简简单单构造题,就是要认真读题,是能且只能满足两个条件。 我们可以考虑每种数字,如果数字只有一个,是不能满足任何一个条件的,那就随便给一个 \(b\) 即可。 如果这个数字有多个,那么就只能有两种 \(b\),否则就会满足三个条件,所以一种数字最多满足一种条件。 所以,如果只有一个或者甚至没有 ......
1894B Three 1894 Two Out

vue表单数据添加到表格当中出现的问题

表单样式如下 填写完表单之后点击确认新增按钮,表格会自动新增一行数据对应刚刚表单当中填写的数据。 this.tableData.push(this.formData); 这行js代码可以实现将表单数据添加到表格当中。 但由于我在点击按钮的动作当中添加了 this.$refs[formName].re ......
表单 表格 数据 问题 vue

Vue脚手架分析

1 创建脚手架 1、在目标目录创建vue脚手架。vue create vue_test。 2、选择vue2版本。 3、创建成功 4、运行 5、使用浏览器查看 6、停止工程 crtl+c停止工程。 2 目录分析 ......
脚手架 Vue

从头开始一个vtk.js项目

从头开始一个vtk.js项目 初始化项目 mkdir my-vtkjs-app cd my-vtkjs-app npm init 安装 @kitware/vtk.js 依赖 npm install @kitware/vtk.js 对于这个例子,我们将使用webpack来构建我们的应用程序。 npm ......
从头 项目 vtk js

使用js写一个音乐音谱图

我们经常看到在听乐音的时候,会有音谱图随着音乐的节奏不断变化给人视觉上的享受,那么我们通过js来实现以下这个效果,下面是简单的效果图 首先我们需要有一个绘制音频的函数 function draw() { // 请求下一帧动画 animationId = requestAnimationFrame(d ......
音乐

去除:Vue项目打包后生成的.map文件&文件hash值命名

在vue.config.js文件中设置productionSourceMap和filenameHashing项为false即可。 // vue.config.js文件 module.exports = { outputDir: 'dist', assetsDir: 'assets', publicP ......
文件 后生 项目 hash Vue

Vue3实战 - 第一章 node.js/npm安装、配置

一、node.js 安装(windows) 1、下载并安装node https://nodejs.org/en 安装到 D:\Java\nodes 路径 2、配置环境变量 检查是否安装成功 3、配置全局包存放目录和缓存目录 npm config set prefix "D:\nodejs\node_ ......
实战 Vue3 node Vue npm

js获取抖音弹幕

function dom() { // 创建一个MutationObserver实例 let mutationObserver = new MutationObserver(function(mutationsList, observer) { for(var mutation of mutatio ......

vue2组件二次封装

有时候公共UI组件满足不了一些特定的需求样式,并且有较多地方使用同一个UI组件,这时候就需要考虑二次封装现有UI组件 组件二次封装关键的几点: 使用 $attrs 接收 props 使用 $listeners 接收事件 使用 $slots 和 $scopedSlots 接收插槽 使用model定义p ......
组件 vue2 vue

gin-vue-admin 接口错误Error: Request failed with status code 500

本地运行以后登录出现: 控制台检查发现是请求getMenu出现500错误,并且后端出现"Error 1071 (42000): Specified key was too long; max key length is 1000 bytes"错误,那就是数据库casbin_rule的表引擎不是Inn ......
gin-vue-admin 接口 错误 Request failed

做网站的 一些js库

小而美被实践是最好用的,这里收藏了一些很好用的js库,他们都功能单一且非常小。 COOKIE.JS https://github.com/js-coder/cookie.js 如果你操作过cookie的接口,那么你一定会感觉这东西的规范真的是太复杂了,根本记不住啊,其实你是对的,因为cookie的接 ......
网站

直播平台搭建,vue中实现图片懒加载的几种方法

直播平台搭建,vue中实现图片懒加载的几种方法 一、使用Vue本身的指令 Vue本身提供了一个指令v-lazy,可以实现图片懒加载。使用方式如下: <img v-lazy="imageSrc" /> ​ 其中,imageSrc是需要懒加载的图片路径。当图片进入可视区域时,Vue会自动加载图片。 二、 ......
方法 图片 平台 vue

直播系统源代码,Vue 禁止输入框输入空格

直播系统源代码,Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......
空格 源代码 系统 Vue