Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
247 views
in Technique[技术] by (71.8m points)

vue.js - How to use Pug Arrays with Vue?

I need to switch arrays of pug when the location changes, but I can't figure out how to use that.

Pug Arrays:

<template lang="pug">
-
  var activityListRu = [
      {
        i: 'account-switch', 
        t: '1'
      },
      {
        i: 'account-search', 
        t: '2'
      },
      {
        i: 'account-star',
        t: '3'
      }
  ]

-
  var activityListEn = [
      {
        i: 'account-switch', 
        t: '4'
      },
      {
        i: 'account-search', 
        t: '5'
      },
      {
        i: 'account-star',
        t: '6'
      }
  ];

Not working:

v-row.d-none.d-sm-flex.mb-4
  each card in this.$root.$i18n.locale === "ru" ? activityListRu : activityListEn
    v-col(cols='12', sm='4')
      etc.

I wanted to write this using a method, but I also don't know how to correctly point to a pug:

v-row.d-none.d-sm-flex.mb-4
  each card in activityListLocale()
    v-col(cols='12', sm='4')
      etc.


  methods: {
    activityListLocale() {
      if (this.$root.$i18n.locale === 'ru') {
        return activityListRu
      } else if (this.$root.$i18n.locale === 'en') {
        return activityListEn
      }
    },
  },

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神答复

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...