前端 仓库nexus vue

vue3 - iframe 添加 click事件 -解决

没法在 iframe 元素直接添加 @click 回调 ,会无效的 同时,想要添加点击事件,需要在 iframe 加载完成后才能绑定事件,否则也是无效 因此,正确的绑定办法是,在iframe 绑定 @load 然后 const load = (v: boolean) => {if (!v) { // ......
事件 iframe click vue3 vue

若依、vue三级路由缓存失败

router.beforeEach((to, from, next) => { NProgress.start() if (getToken()) { // 三级菜单组件无法缓存问题 if (to.matched && to.matched.length > 2) { to.matched.spli ......
路由 缓存 vue

vue中watch、methods 和 computed 的区别?

1、基本说明 1.1 computed: 计算属性将被混入到 Vue 实例中,所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例 1.2 methods: methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法 ......
computed methods watch vue

vue ubuntu服务器配置

1.打包vue项目上传到服务器目录 /home/dhwww 没有权限,可以先上传到当前用户目录下,再copy到dhwww文件夹 2.安装Nginx sudo apt-get install nginx 3.配置Nginx 3.1 查看Nginx目录: root@VM-4-11-ubuntu:/hom ......
服务器 ubuntu vue

vue3教程(1 快速入门)

一、Vue 是什么? Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 渐进式框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、响应式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vu ......
教程 vue3 vue

# vue3 接入 Element Plus

vue3 接入 Element Plus vue3 发布已经很久了,官方也已经发布公告,自2023年12月31日起停止对 vue2 版本的维护更新,因此,vue3 正式登上了历史的舞台。组件库一直是前端开发的利器,减少了开发者开发复杂度,提高开发效率,在 vue2 中,最常使用的是 element- ......
Element vue3 Plus vue

nginx ssh配置,larave项目配置多个前端项目

1 ssh 配置 server { listen 443 ssl http2; #listen [::]:80; server_name xiaoqiezia.cn www.xiaoqiezia.cn; index index.html index.htm index.php default.htm ......
项目 前端 多个 larave nginx

VUE3_持久化

1. 安装 npm i pinia-plugin-persistedstate 2.将插件添加到pinia实例上 main.js文件 import { createApp } from 'vue'import { createPinia } from 'pinia'// 导入持久化插件import ......
VUE3 VUE

Vue 字符串的格式化填充

main.js // 字符串格式化 Vue.prototype.$stringFormat = function (formatted, ...args) { for (let i = 0; i < args.length; i++) { let regexp = new RegExp('\\{' ......
字符串 字符 格式 Vue

vue引入bootstrap <npm>

1 新建vue项目 已有跳过 npm create vue@latest 2 进入项目目录输入以下命令 npm i jquery npm i bootstrap 3 在main.js中引入 import 'jquery/dist/jquery.min' import 'bootstrap/dist/ ......
bootstrap vue npm lt gt

Vue——vue2监听元素style变化

前言 纯粹是为了偷懒,不想再安装swiper来渲染,直接改造下element-ui的走马灯,实现类似的效果,最主要的是后续会迭代到vue3,所以这里临时的实现下即可; 内容 元素绑定ref 给需要监听的元素添加ref,这里是ref="carouse" <div v-for="(nodes, inde ......
元素 style vue2 Vue vue

一个小前端加密

页面上有这样的一个联系方式,需要点击"点击查看"之后才能获取到脱敏后的联系方式。 与页面交互前,使用DevTools进行各种搜索与Network抓包,找不到隐藏有脱敏前的完整数据。 一般遇到这种情况我们会首先排查,数据是否是通过接口触发后返回。但遗憾的是,交互过程只抓到请求一个看起来无关的接口。 那 ......
前端

前端 Git 使用约定

前端 Git 使用约定 背景 开发前端项目,有以下困惑: 使用哪个分支开发,哪个分支发布 修复线上bug的流程是什么,如何避免修复完了下次却又出现了 cms分支有十多个,是否都有用 如何快速找到之前某次功能开发,或某次bug修复 为了减轻上述困扰,引入 gitflow 规范,并根据公司情况做适当调整 ......
前端 Git

一个WPF版的Layui前端UI库

思维导航 前言 WPF介绍 Layui前端UI组件库介绍 项目源代码 项目源码运行 项目运行部分截图 项目源码地址 优秀项目和框架精选 DotNetGuide技术社区交流群 前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库,今天我们分享一个WPF版的Layui前端UI样式库:L ......
前端 Layui WPF

vue3(二)

1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......
vue3 vue

从仓库的角度使用 Eslint 跟 Prettier

去年,anfu 谈论了他对 Prettier 跟 Eslint 的看法-为什么我不使用 Prettier,同样在那个时候,VUECONF 2022 也分享了关于对前端项目 linter 跟 formatter 的实践- Vue 项目配置:最佳实践与个人偏见,彼时,这些经验与分享让我重新审视这些代码规 ......
仓库 Prettier 角度 Eslint

前端与爬虫

搜索爬虫, 我们会搜到一大堆 Python 相关的结果 问题: 爬虫和前端有关系吗? 爬虫是什么 爬虫程序是一种计算机程序,旨在通过执行自动化或重复性任务来模仿或替代人类的操作。 爬虫程序执行任务的速度和准确性比真实用户高得多。爬虫程序类型众多,可执行各种任务,并且爬虫程序在互联网流量中的比重也越来 ......
爬虫 前端

python在容器内克隆拉取git私有仓库

前言 目前有个python应用需要在容器镜像内拉取git私有仓库的代码,一开始的想法是用GitPython,折腾一番ssh私钥和known_hosts问题后,发现还是在镜像中封装个git最省事,然后用subprocess调用系统命令,镜像体积也没有想象中增加特别多。 准备ssh私钥和known_ho ......
容器 仓库 python git

Vue实现商品详情鼠标移动+放大显示图片细节

效果图 代码实现 <template> <div> <div style="position: relative;" class="box"> <img @mousemove="updatePositions" src="https://img.pddpic.com/gaudit-image/202 ......
细节 鼠标 详情 商品 图片

# Vue3 使用路由 Router

Vue3 使用路由 Router 之前几篇博文说了一下 vue 的基本语法和 vue 的传参,今天这篇博文稍微说一下 vue3 里面使用路由。 介绍 众所周知,vue 是用来构建单页面应用的前端框架,大于大多数此类型应用来讲,都推荐使用官方支持的 vue Router,在单页面应用,客户端的 Jav ......
路由 Router Vue3 Vue

canvas 手写签名 vue3

<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......
canvas vue3 vue

C#中的.net6 WebAPI + Vue3

ShoopingWeb没有控制器,普通api有控制器,ShoopingWeb是直达型,精简了很多中间代码,广泛适用于微服务架构 ShoopingWeb一切都在组控制台应用程序类【Program】上执行,也可以自由分类封装 namespace ShoopingWeb { public static c ......
WebAPI net6 Vue3 net Vue

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

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

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

一个WPF版的Layui前端UI库

前言 相信做.NET后端开发的很多小伙伴都用过Layui前端UI组件库,今天我们分享一个WPF版的Layui前端UI样式库:Layui-WPF。 WPF介绍 WPF 是一个强大的桌面应用程序框架,用于构建具有丰富用户界面的 Windows 应用。它提供了灵活的布局、数据绑定、样式和模板、动画效果等功 ......
前端 Layui WPF

vue3 使用脚手架创建应用

1.安装条件 已安装 18.0 或更高版本的 Node.js 2.安装 在你的目录下运行以下命令: vue create learn_vue3 选择安装vue3: 3.运行 npm run serve ......
脚手架 vue3 vue
共8700篇  :10/290页 首页上一页10下一页尾页