vue实现 toggle效果显示隐藏多个dom元素
背景介绍jQuery中有个toggle()方法，可以切换元素的显示状态，在用vue时如果不引入jQuery如何实现这种效果？使用场景常见有三种场景：1.控制页面中一个dom元素2.控制页面中多个dom元素3.控制页面中的dom元素是从服务端返回，且有多个技术分析1.一二场景下实现这种效果可以用v-if指
转载
2024-03-28 12:28:19
176阅读
/是否显示删除按钮 const buttonShow = ref(true);
原创
2023-06-03 00:29:43
2041阅读
一、v-if data() { return { content: "喵喵喵", play: true } } <template> <div id="root"> <div v-if="play">{{ content }}</div> <div class="button" @click="to
原创
2024-03-26 10:37:29
267阅读
html<view class="collapse-cont"> <view class="wbg-box"> <view class="coll-box"> <image style="width:40rpx;height:40rpx;" src="/static/images/x1.png"></image> <view class="coll-title">彩妆护肤&
原创
2021-02-19 16:06:35
2359阅读
html<view class="collapse-cont"> <view class="wbg-box"> <view class="coll-box"> <image style="width:40rpx;height:40rpx;" src="/static/images/x1.png"></image> <view class="coll-title">彩妆护肤&
原创
2021-02-19 16:06:35
2702阅读
在写这篇博客的时候，我还在加班，实现了一个小功能，这个功能非常常见，实现功能很容易，实现的漂亮就不一般喽。项目用的是VUE的Vant组件库，具体实现如下：HTML： <van-field placeholder="请输入手机号/用户名/邮箱名" clearable maxlength="11" ...
原创
2021-07-13 14:09:03
505阅读
在写这篇的时候，我还在加班，实现了一个小功能，这个功能非常常见，实现功能很容易，实现的漂亮就不一般喽。项目用的是VUE的Vant组件库，
原创
2022-01-13 14:36:32
927阅读
服务器会返回token，前端拿到token会向后台接口获取用户权限相关信息，拿到数据后存储到Vuex或者localStorage中，如果权限控制的按钮较少时也可以用v-if进行判断显示与隐藏，但是如果页面过多，权限控制的数据过多，每个页面都要进行逻辑判断，感觉有点麻烦，相比之下，自定义指令显得更加方便。1. 创建自定义指令：// btnPernission.js 页面
1 import Vue
转载
2023-10-07 21:53:50
201阅读
html data 数据源： computed： ...
转载
2021-09-23 15:59:00
1966阅读
2评论
过渡效果类似于推拉门：<template> <div id="app"> <button class="btn" @click="show
原创
2022-11-18 00:06:44
894阅读
GridManager 是一套可快速、灵活的对table标签进行实例化的表格组件。使用简单快捷, 功能强大，基于原生js实现, 不依赖任何框架，目前支持react、vue、angularjs三大框架。今天就来说一说，gridmanager在react中的使用。引入 基于目前前端项目多数使用webpack或其他工具进行打包部署，所以可以直接通过package.json中
转载
2024-09-11 10:46:01
1210阅读
一 创建一个web项目，本地导入vue.js 创建一个包含HTML基本项目的Web项目，在js文件下下导入本地的Vue.js文件，通过<script src="js/vue.js"></script> 将Vue.js文件引入到我们的Web项目中。二 实例化Vue对象 ,挂载Vue所绑定的DOM节点 在界面中通过引入<sc
转载
2023-10-17 16:02:30
126阅读
<h5>4.条件if：控制元素
显示隐藏</h5><div class="show"> <img v-if="seen"...
原创
2022-09-14 17:03:01
1356阅读
vue 路由meta 设置title 导航隐藏router.js routes: [{ path: '/', name: 'HelloWorld', component: HelloWorld, meta: { title: "HelloWorld", 要现实的title show: true 设置导航隐藏显示
原创
2021-07-12 11:01:38
1136阅读
通过vant表单，结合v-show使密码框和文本框展示或隐藏输入内容 代码如下： <van-form @submit="onSubmit"> <van-field v-model="password" type="password" name="密码" label="密码" placeholder= ...
转载
2021-07-29 14:36:00
2211阅读
2评论
vue 路由meta 设置title 导航隐藏router.jsroutes: [{ path: '/', name: 'HelloWorld', component: HelloWorld, meta: { title: "HelloWorld", 要现实的title
原创
2022-02-26 18:10:45
3173阅读
1、 快速隐藏私密照片有些照片不想让人看到？可以隐藏起来，隐藏之后别人就看不到了。操作步骤：打开想要隐藏的照片，点击左下角的【更多】操作按钮，选择【隐藏】，点击【隐藏照片】即可。 2、 一键清除所有通知信息太多，不想查看，想直接删掉？可以使用【一键清除所有通知】功能，这样就不用一条一条的删了。操作步骤：长按，直至出现【X】符号按钮，点击【X】符号按钮，出现【清除所有通知】，点击一下即可。
转载
2023-09-04 15:28:41
27阅读
需求：通过下拉框数据的选择，选中列展示，否不展示 下拉框的样式用的Ant desgin vue 库中 Dropdown下拉菜单嵌套 Checkbox多选框 干货： 渲染数据：表格所有的头部，通过头部title选择控制列的显示隐藏 下拉框结构样式 在mounted里面保存原有数据，后面做数据筛选 定义 ...
转载
2021-07-23 16:58:00
7457阅读
2评论
css： .listTitle{width: 7.5rem;height: 1rem;margin: auto;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #eee ...
转载
2021-08-09 15:27:00
1154阅读
2评论
今天开发新项目的时候，有个需求，点击一个div 展示出个弹出窗 弹出窗标题的颜色要跟点击的div图标颜色一致，所以这就需要我遍历一下多个数据，然后需要点击弹出div的外部其他区域，隐藏这个div。所以 有了以下操作！这个点击事件@click.stop="isPop(item.event)" 加上.stop 起阻止冒泡的效果，这里很重要，具体原因就暂时不解释了 。做的时候就会理解了；目标
转载
2023-12-13 19:00:49
12阅读
