![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
:class
柠檬花开_
跳坑笔记
展开
-
vue中动态添加样式 :style 和 :class
动态添加可以采用:class 也可以采用:style但是在一个长期维护的项目里面:style行内样式尽量避免。<template> <div> <h2>动态添加类名</h2> <!-- 第一种方式:对象的形式 --> <!-- 第一个参数 类名, 第二个参数:bo...原创 2019-03-05 15:11:28 · 18794 阅读 · 0 评论 -
兄弟元素之间动态切换class样式
之前记录了一个v-for循环的动态切换class,现在记录一个非循环的一、(非循环)html代码其中shows四在data中定义的一个初始值,我所定义的-1是,初始状态谁都不选中,如果想初始状态是选中的就直接shows=1/shows=2就可以了(二、循环元素)效果如图 数值是动态复制的html:<template v-for="tab in ta...原创 2018-12-29 16:45:24 · 1581 阅读 · 0 评论 -
(1)elementui的checkobx实现radio效果单选效果,并能够实现不选(2)vue原生手写实现单选效果并能实现不选
(1)代码基于vue和elementui框架 el-checkobx效果图1 页面初始状态效果图2 选中一个状态效果图3 切换状态//html部分<el-checkbox-group :value="templateOne" @input="templateOne = $event.slice(-1)"> <el-checkbox v-for="(con...原创 2019-04-11 17:00:03 · 994 阅读 · 6 评论