1.html
<span class="screenSelfBox" :title="screenStatus ? '退出全屏':'全屏编辑'" :class="{'screenSelfBoxDown':screenStatus == true}" @click="fullScreen()"></span>
2.dom
<script>
export default {
data () {
return{
screenStatus:false,
}
},
methods:{
fullScreen () {
if(this.screenStatus==false){
this.screenStatus=!this.screenStatus
}else{
this.screenStatus=!this.screenStatus
}
if (this.screenStatus == true) {
this.$emit('screenState', false)
$('.changeArticleForm').find('.v-note-op').addClass('changeItem')
} else {
this.$emit('screenState', true)
$('.changeArticleForm').find('.v-note-op').removeClass('changeItem')
}
}
}
</script>