事件input vue

vue-router动态路由 - 角色切换或退出登录时重置路由表

vue-router@4以上可以使用removeRoute()方法来移除. router.getRoutes().forEach(route => { // 这里还需要条件判断哪些是静态路由不需要移除 router.removeRoute(route.name); }); 但是vue-router@ ......
路由 vue-router 角色 动态 router

input框

<div class="inputs"> <input v-model.trim="inputname" type="text" class="FirstName" @change="changename()"> <span v-if="user_name" id="FirstName">单位全称 ......
input

vue3 搜索关键字变颜色

let inputNews = ref('')let element = ref('')// contentText 传入数组const seachNews = (contentText) => { // 循环数组 for (let j = 0; j < contentText.length; j+ ......
关键字 颜色 关键 vue3 vue

VUE3请求数据接口,将时间戳转换为时间案例

<template> <!-- ... 其他代码 ... --> <div class="w-full h-[250px] scroll_list text-[#fff] overflow-auto"> <div class="flex" v-for="(item, index) in state. ......
接口 案例 时间 数据 VUE3

vue使用问题记录:父组件通过props传给子组件数据,后改变数据,要使用nextTick,否则修改滞后,可能造成bug

问题如标题所写 代码示例: 父组件: <template> <div class=""> <div class=""> <t-form ref="formData" :data="data.formData" colon label-width="100px" label-align="right" ......
组件 数据 nextTick 问题 props

node express+vue+html,后端+后台管理+官网线上部署

引言简介 遗憾:这里没有进行linux的mysql安装不完美,有空补全 1. node安装 安装nodejs参考地址: https://blog.csdn.net/cnds123321/article/details/121301089 报错 GLIBC_2.28 not found 这里安装的时候 ......
网线 后台 express node html

vue2和vue3的区别有哪些

一、生命周期 vu3在组合式API(Composition API)中使用生命周期钩子时需要先引入,vue2在选项API(Options API)中可以直接调用生命周期钩子 //vue3 <script setup> import { onMounted } from 'vue' onMounted ......
vue vue2 vue3

vue3 使用脚手架创建应用

1.安装条件 已安装 18.0 或更高版本的 Node.js 2.安装 在你的目录下运行以下命令: vue create learn_vue3 选择安装vue3: 3.运行 npm run serve ......
脚手架 vue3 vue

linux server Vue 或其它单页面项目站点 nginx 实施部署

# nginx vue 处理前台路由 history 模式刷新 404 的问题 location / { try_files $uri $uri/ /index.html; if ($uri ~* .*\.(?:htm|html)$) { add_header Cache-Control "no-s ......
站点 页面 项目 server linux

13-点击页面其它地方触发某个事件

自定义指令实现(通过自定义指令实现对操作dom) <div class="ml-5 select-wrap"> <Button class="select-button" type="primary" icon="md-arrow-dropdown" v-click-outside="handdle ......
事件 页面 地方 13

antd-vue Modal.confirm方法 执行确定事件弹窗没关闭

vue版本:3.4.x antd-vue版本: 4.0.8 原因:是vue更新到3.4.x版本,某些api和antd-vue不兼容 解决方式:将vue版本锁定3.3.4 ......
antd-vue confirm 事件 方法 Modal

Vite+Vue3+vite-plugin-style-import 2.0按需引入vant 4组件

首先在项目根目录执以下以命令,安装好必要的组件包: # Vue 3 项目,安装最新版 Vant cnpm i vant # 添加按需引入插件,它的作用是在引入组件库中的组件时支持按需引入,减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......

实现一个事件总线

使用 C# 实现一个 Event Bus Event Bus(事件总线)是一种用于在应用程序内部或跨应用程序组件之间进行事件通信的机制。它允许不同的组件通过发布和订阅事件来进行解耦和通信。 在给定的代码片段中,我们可以看到一个使用C#实现的Event Bus。它定义了一些接口和类来实现事件的发布和订 ......
总线 事件

本地事件总线和事务

本地事件总线和事务 通过重写Ef Core的SaveChanges/SaveChangesAsync来实现事务。当然,如果您愿意实现仓储层,可以在仓储层实现展开对应实体包含的事件,并且调整事件的处理顺序。 Github仓库地址:soda-event-bus 实现AggregateRoot类 Aggr ......
总线 事务 事件

构建 dotnet&vue 应用镜像->推送到 Nexus 仓库->部署为 k8s 服务实践

前面分享了 k8s 的部署安装,本篇来点实操,将会把一个 .net core + vue 的项目(zhontai),打包构建成 docker 镜像,推送到 nexus 镜像仓库,并部署到 k8s 中 ......
仓库 镜像 dotnet Nexus gt

VUE3

1、webpack和vite构建vue项目的区别 webpack是先把所有东西准备好再启动服务,vite是先启动服务,再把需要的组件放到服务上。vue官方推荐使用vite构建vue项目。 2、vue项目创建以及启动 到项目目录输入npm create @lastest,接下来按提示输入项目信息 启动 ......
VUE3 VUE

事件绑定

微信小程序跟vue语法基本差不多 在js中定义数据和方法 在wxml页面中加入按钮 等等 在wxss中加入样式 事件绑定现在wxml中加入按钮 绑定点击事件 然后在js文件中声明方法 修改值的方法有所不同 使用setData方法 取到data中的值进行修改 ......
事件

uniapp-welive仿微信/抖音直播带货|uni-app+vue3+pinia短视频直播商城

基于uniapp+vue3+uv-ui跨端H5+小程序+App短视频+直播带货商城Uniapp-WeLive。 uni-welive一款全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短视频直播,Nvue多视频层级覆盖,支持 ......
uniapp-welive uni-app 商城 uniapp welive

vuex报错“Vue3Instance<{}, Readonly<ExtractPropTypes<{}>>, Readonly<ExtractPropTypes<{}>>, {}, {}, true, ComponentOptionsBase”

vuex报错“Vue3Instance<{}, Readonly<ExtractPropTypes<{}>>, Readonly<ExtractPropTypes<{}>>, {}, {}, true, ComponentOptionsBase” 报错信息 [{ "resource": "/D:/g ......

vue常用命令

创建electron+vue项目 安装 Vue Cli npm install -g @vue/cli 创建项目 vue create electron-vue 添加electron模块 vue add electron-builder 运行项目 yarn electron:serve 打包项目 y ......
命令 常用 vue

全栈架构:从0开始,Vue的搭建与开发

文章很长,且持续更新,建议收藏起来,慢慢读!疯狂创客圈总目录 博客园版 为您奉上珍贵的学习资源 : 免费赠送 :《尼恩Java面试宝典》 持续更新+ 史上最全 + 面试必备 2000页+ 面试必备 + 大厂必备 +涨薪必备 免费赠送 :《尼恩技术圣经+高并发系列PDF》 ,帮你 实现技术自由,完成职 ......
架构 Vue

vue 2实战系列 —— 复习Vue

复习Vue 近期需要接手 vue 2的项目,许久未写,语法有些陌生。本篇将较全面复习 vue 2。 Tip: 项目是基于 ant-design-vue-pro ant-design-vue-pro 由于 cms 是基于这个项目开发的,所以笔者就将其下载下来。 下载后运行 // 按照依赖 yarn i ......
实战 vue Vue

利用强化学习算法解释人类脑对高维状态的抽象表示:how humans can map high-dimensional sensory inputs in actions

论文: 《Using deep reinforcement learning to reveal how the brain encodes abstract state-space representations in high-dimensional environments》 地址: http ......

关于时间太长忘记vue如何启动的问题

1、开启SpringBootApplication项目 2、在vue项目的Teminal处,输入相关命令 vue2 npm run dev vue3 npm run serve 咳咳,写一遍我就不会忘记啦~ ......
时间 问题 vue

【电影推荐系统】Spring Boot + Vue3 前后端分离项目

【电影推荐系统】Spring Boot + Vue3 前后端分离项目 目录【电影推荐系统】Spring Boot + Vue3 前后端分离项目0 前言1 项目前端介绍1.1 项目启动和编译1.1.1 项目启动1.1.2 项目编译1.2 前端技术栈1.3 功能模块前端界面展示1.3.1 基础功能模块1 ......
项目 Spring 系统 电影 Boot

vue3的ref、reactive、toRef、toRefs

用处:用于在setup中创建响应式变量 导出:import { ref, reactive, toRef, toRefs } from 'vue' 区别: ref 用来定义基础数据类型,String, Number, Boolean, Symbol;通过 Object.defineProperty( ......
reactive toRefs toRef vue3 vue

vue改错总结

vue表单和表格一起使用的时候,表格里非编辑框不再使用v-model进行双向数据 绑定,当tabledatase的数据发生变化时候,会自动渲染新的数据,但是可便捷table单元格需要用到插槽技术,当更新name的时候才会 自动渲染 <template> <div> <el-form :model=" ......
vue

前端环境搭建到创建vue项目运行

整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
前端 环境 项目 vue

在vue中使用router时所需要的配置

router.js import { createRouter, createWebHistory } from 'vue-router'; //2. 定义路由组件 import Home from "../views/Home.vue" import Login from "../views/Lo ......
router vue

修改vue-element-admin的登录逻辑

<template> <div class="login-container"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-po ......
vue-element-admin 逻辑 element admin vue
共7200篇  :10/240页 首页上一页10下一页尾页