vue 实现点击左箭头显示右箭头隐藏

展示效果:

隐藏效果

直接代码:

                    

                        

                        

                    

                    

                    

                    background: #fff;

                    top: 0;

                    right: 0;

                    position: absolute;

                    z-index: 2;

                    margin: 0;">

                        

                            

                        

                        

                        v-loading="listLoading" 

                            element-loading-text="请选择食堂"

                            element-loading-spinner="el-icon-loading" >

                            

                                

                                        

                                            

                                                

                                                    

                                                    视频名:{{item.name}}

                                                    

                                                

                                                


                                            

                                        

                                    

                            

                            

                                

                                        

                                            

                                                

                                                    

                                                    视频名:{{item.name}}

                                                    

                                                

                                                


                                            

                                        

                                    

                            

                        

                   

        

        

                

                    

                    

                

                

                

                    background: #fff;

                    top: 0;

                    right: 0;

                    position: absolute;

                    z-index: 2;

                    margin: 0;">

                    

                        

                    

                

        

通过控制drawer显示隐藏

data() {

            return {

                //抽屉窗

                drawer: false,

            }

    }

箭头div样式

你可能感兴趣的:(vue 实现点击左箭头显示右箭头隐藏)