vue—点击切换不同的图片

点击前

点击后：

可以来回切换-----
html：

<!--布局排列--><div class="layOut" @click="layOut"><img v-if="lay_type" src="@img/image/olayout.png" alt /><img v-else src="@img/image/twlayout.png" alt /></div>

js:

export default {name: "sortstick",data(){return{// 0：默认布局为一栏式// 1：两栏式lay_type:0, }},methods:{
/****  排列布局按钮* 在父容器上设置点击按钮,* 然后进行判断，* 如果值（this.lay_type == 0）相等，* 就为false(或者等于另外的值,例如：this.lay_type = 1)，* 反之，值不等就为true;(或者等于原值,例如：this.lay_type = 0)*/layOut(){if(this.lay_type == 0){this.lay_type = 1}else{this.lay_type = 0}}}
}
</script>

vue---点击切换不同的图片相关推荐

js实现点击切换checkbox背景图片
转载自:http://www.bijishequ.com/detail/384166?p= 首页专题博客文章登录注册 www.bijishequ.com 搜索笔记社区共收录522,437篇 ...
html checkbox复选框更换背景,js实现点击切换checkbox背景图片的简单实例
在制作网页的过程中,经常需要实现点击切换背景图片的效果,本文关注的是表单中checkbox背景图片切换的实现.如图,在输入用户名和密码后,用户需要选择是否记住密码图片背景为白色表示未勾选状态 ,背景 ...
画廊（点击切换到对应图片）
文章目录画廊(点击切换到对应图片) css代码 html代码 js代码画廊(点击切换到对应图片) css代码 * {margin: 0;padding: 0;}ul {list-style: no ...
vue点击切换css样式
vue动态点击切换css样式 <template><div v-for="i in 5" class="el-personal" :class ...
vue 点击切换导航标签，并左右滚动
vue做的导航栏,左右各有按钮,点击向左右滚动 vue做的导航栏,左右各有按钮,点击向左右滚动 Vue - 点击导航栏当前标签后变色功能(导航栏当前hover样式) Vue - 点击导航栏当前标签后变 ...
vue点击切换类名_vue 新用户引导（vue-dirver）
最近公司经理让我在项目上做一个新用户引导,讲真这玩意我只在APP上看见过,网页上没啥功能啊,还需要引导! 没办法,刚它!!! 在网上查了点资料 Vue 基本上都是 intro.js 和 driver. ...
关于vue点击切换element小图标问题
问题出现原因在通过vue写前端页面时,想要通过点击图标实现图标样式的切换,比如收藏和取消收藏的样式实现. 解决问题思路我的想法是通过操作dom节点来实现,而在vue中可以通过三种方式来操作节点. ...
Vue点击按钮下载对应图片
最近有用到点击某个按钮自动下载对应图片,可是对于浏览器不同的问题,会有'个别'浏览器出现不能下载的或者下载的效果不同等的问题, 可以直接用创建canvas方法: 定义图片地址Img: "w ...
vue点击按钮上传图片_vue图片上传
前端代码: style="height: 200px;" class="upload-demo" ref="uploadVideoCoverDemo& ...

vue---点击切换不同的图片

vue—点击切换不同的图片

vue---点击切换不同的图片相关推荐

最新文章

热门文章