Карусельная петля: Петля карусельная 135грд с ответной планкой GRATIS 122-135/3105 купить в Екатеринбурге по низким ценам

javascript — бесконечная карусель цикла контента

Я сделал этот довольно простой компонент цикла карусели контента, но код кажется слишком «Iffy» , но я не уверен, как я мог бы сделать его лучше.

Я пытался использовать выражение Switch, что делает его немного более читаемым, но Я не люблю в них разрывы.

вот соответствующий код js:

 data() {
    возвращаться {
      ...
      текущийContentId: 0,
      содержание: [
        {id: 0, title: "title1", body: "description1" },
        {id: 1, title: "title2", body: "description2" },
        {id: 2, title: "title3", body: "description3" }
        
      ]
    };
  },
методы: {
    навигация (е) {
      
      пусть loopLength = this.content.length - 1;
      
      если (e.target.parentElement.id === "nav__back") {
        если (this.currentContentId == 0) {
          this.currentContentId = длина цикла
        } еще {
          this.currentContentId--
        }
        
      } еще {
        если (this.  currentContentId == loopLength) {
          this.currentContentId = this.currentContentId — длина цикла
        } еще {
          this.currentContentId++
        }
      }
    }
 

HTML:

 

    
      arrow_back_ios
    
    <дел>
       
{{ content[currentContentId].title }}
 
      <дел>
        
{{ content[currentContentId].body }}