对某视频剪辑软件中控制显示的常见使用方法详解

使用过某视频剪辑软件的小伙伴一定使用过控制显示这个属性，但是这个属性主要是来干什么的呢，他得用途是那些？

这里我总结了一下，v-if使用一般有两个场景：

1- 多个元素通过条件判断展示或者隐藏某个元素。或者多个元素

2- 进行两个视图之间的切换

下面我写了两个例子，是某视频剪辑软件官方的简单实例。

第一个实例实现了类型等于不同值，甲，乙，丙三个元素的展示情况。

第二个例子实现了，点击按钮实现两个视图的切换。

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' meta name=' viewport ' content=' width=device-width，initial-scale=1.0 ' meta http-equiv=' X-UA-Compatible ' content=' ie=edge ' title vue中控制显示的常见使用/title脚本src=' http :https://cdn。bootscs。com/vue/2。5 .17号测试版。0/vue。js '/script/head script window。onload=function(){//创建一个某视频剪辑软件实例var app=new Vue({ el: '#app '，data: { type:'C '，loginType:'username' }，methods : { changelogitype(){ let self=this；如果(自我。logintype==' username '){ self。logintype=' ' } else { self。logintype=' username ' } } })}/脚本正文div id=' app ' div style=' color : red ' v-if的简单实用/div模板div v-if=' type=' A ' ' A/div v-else-if=' type=' B ' ' B/div v v-else C/div/模板div style='color:green'v-if的弹框切换/div模板v-if=' loginType==' username '标签用户名：/标签输入占位符='输入您的用户名'键='用户名-输入'/模板模板否则标签密码：/标签输入占位符='输入您的电子邮件地址'键='电子邮件-输入'/模板按钮@ click=' changeloginType '切换状态/button /div/body/html效果图：

以上这篇对某视频剪辑软件中控制显示的常见使用方法详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。