有趣的地方

有趣的地方

vuedraggable插件 修改元素首次拖拽进入占位样式

vuedraggable是一款适用于vue3 的可拖拽插件。 通过配置ghost-class=“ghost” 属性,可以对组件内元素拖拽过程中的占位符进行修改。但是无法根据ghost这一class对元素首次拖拽进组件内的占位元素进行样式修改 解决方法:元素首次拖拽进vuedraggable 中时的占位样式其实是由 ghost 下的被拖拽元素标签控制的,只需要修改ghost 下一级的被拖拽元素的标签样式即可 假如从当前拖拽区域之外的别的使用vuedraggable组件设置的拖拽区域中的元素最

路由_传递params参数和query参数

传递params参数 传递params参数可以直接在路径后面加上参数: 上述就是在路径变化的时候传过去三个值分别为哈哈、嘿嘿、呵呵的参数 但是这样的话会被认为三个参数是路径的一部分,计算机没有办法区分哪些是路径哪些是参数,所以首先要在这条路由规则下面占位 当路由器遇到"/news/details/哈哈/嘿嘿/呵呵"这样的路径的时候就去找对应的路由规则,就会知道后面三个是参数,且名字是id、title、contents,在被引用组件中要取得这三个参数就要有对应的名字 其次将参数传

Vue3判断变量和对象不为null和undefined

Vue3判断变量和对象不为null和undefined 一、判断变量 二、判断对象 一、判断变量 在 Vue 3 中,你可以使用 JavaScript 提供的常规方式来检查变量是否不为 null 和不为 undefined。你可以分别使用严格不等运算符 !== 来比较变量是否不为 null 和不为 undefined。以下是一个示例: // 假设有一个变量 let variable = 'some value'; // 检查变量是否不为 null 和不为 undefi

vue.js状态管理和服务端渲染

状态管理 vuejs状态管理的几种方式 组件内管理状态:通过data,computed等属性管理组件内部状态 父子组件通信:通过props和自定义事件实现父子组件状态的通信和传递 事件总线eventBus:通过new Vue()实例,实现跨组件通信 vue3已经移除该api provide/inject:通过provide/inject实现父组件和后代组件的跨层级通信 状态管理库:Vuex/Pinia 状态管理库的核心概念(以pinia为例) State

【vue与iframe通讯】

vue 与 iframe 通讯 发送数据 vue 向 iframe 发送数据 iframe 向 vue 发送数据 接收信息( vue & iframe 通用) 实现相互通讯 通讯流程图 实现代码 vue 页面 iframe页面 `iframe`内部重定向访问地址,更新`vue`路由 代码下载 前言:vue嵌套iframe实现步骤 发送数据 vue 向 iframe 发送数据 // utils/common.js /** vue向iframe

Vue3实现简单的瀑布流效果,可抽离成组件直接使用

先来看下效果图: 瀑布流中的内容可进行自定义,这里的示例图是通过不同背景颜色的展示进行区分,每个瀑布流中添加了自定义图片和文字描述。 实现方式: 1.建立子组件(可单独抽离)写出瀑布流的样式 文件名为waterFall.vue <template> <div class="list"> <div class="item" v-for="(item, index) in waterList" :style="{ widt

【前端Vue】——初识Vue.js

💻博主现有专栏:                 C51单片机(STC89C516),c语言,c++,离散数学,算法设计与分析,数据结构,Python,Java基础,MySQL,linux,基于HTML5的网页设计及应用,Rust(官方文档重点总结),jQuery,前端vue.js,Javaweb开发,设计模式、Python机器学习等 🥏主页链接:                 Y小夜-CSDN博客 学习推荐:         在当今这个飞速发展的信息时代,人工智能(AI

基于springboot+vue+Mysql的休闲娱乐代理售票系统

开发语言:Java 框架:springboot JDK版本:JDK1.8 服务器:tomcat7 数据库:mysql 5.7(一定要5.7版本) 数据库工具:Navicat11 开发软件:eclipse/myeclipse/idea Maven包:Maven3.3.9 系统展示 系统首页 用户注册 折扣票界面 个人中心 后台登录 管理员功能 用户管理 折扣票管理 分类管理 订单管理 退票管理 出票管理 系统管理

vue使用lottie-web实现web动画

文章目录 1. 简介 2. 优点 3. 效果 4. 安装使用 5. lottie-web 常用方法 6. Lottie-web 常用的事件 1. 简介 官方介绍:Lottie 是一个库,可以解析使用AE制作的动画(需要用bodymovie导出为json格式),支持web、ios、android、flutter和react native。 在web端,lottie-web库可以解析导出的动画json文件,并将其以svg或者canvas的方式将动画绘制在我们的页面上. 找到

Vue2 - 详细实现网页 “开启录音并生成音频文件,上传到服务器效果“,浏览器录制外部音频调用麦克风并传到后端,兼容全部浏览器、支持 PC 网页或手机 H5 网页、可本地播放试听(详细示例运行代码)

前言 如果您需要 Vue3 版本,请访问 这篇文章。 本文实现了 在 vue2 网站项目开发中,详解如何在网页中进行实时录音并上传到服务器功能,调用浏览器麦克风权限并开始录音,录制完毕后可进行播放试听,支持显示可视化波形,可输出 mp3 音频格式文件,兼容所有浏览器(手机网页 / 电脑网页),附带各种常见问题(本地运行、录音没反应、无法调起麦克风提示、录音报错无效、无法播放等)解决方案。 网上的教程太乱且各种无效,在本文您可以直接复制示例代码,功能完美强大。 如下图所示,完
<< 1 2 3 4 5 6 7 8 9 10 > >>

Powered By Z-BlogPHP 1.7.3

© 2018-2020 有趣的地方 粤ICP备18140861号-1 网站地图