我知道我想做的是直接修改 dom（在 vue.js 中不行），但是我能想到的唯一替代方案會創(chuàng)建更草率且更難以維護的代碼。問題我正在使用 vue-i18n，根據(jù)用戶當(dāng)前選擇的語言，我想將貨幣符號移動到價格元素的前面或后面（我有許多元素在許多頁面上顯示價格，實際上超過 150 個） .)備擇方案我能想到的最好的替代方案是為每個需要交換的元素添加一個綁定，但要做到這一點，我必須在該網(wǎng)站有價格的 15 個單獨頁面中的每個頁面中:class添加大量 + v-ifs+額外標(biāo)記mapGetters上（+ vuex 邏輯）。我可能還必須在 css 中使用::beforeand ::after，為每種語言創(chuàng)建一個類，并在每種語言中添加符號content: ''。新考慮的解決方案我認(rèn)為簡單地使用一個mounted鉤子（以便子視圖完全渲染）然后調(diào)用一個函數(shù)在包含該類的所有元素之前或之后附加貨幣符號可能會更app.vue干凈。nextTick()priceItem這樣，我就不會有所有額外的標(biāo)記和v-ifs 污染我的模板，盡管我會直接修改 dom，盡管只有在所有內(nèi)容都渲染之后。是否有任何替代方案可以讓我獲得我想要的簡單性，但仍然使用 Vue 類型模式來完成它？示例代碼（app.vue）   this.$nextTick(function () {  // Get currently selected lang from i18n  let lang = this.$i18n.locale  // get correct currency symbol for selected language  let symbol = ''  switch (lang) {    case 'ko':      symbol = '?'      break    case 'en':      symbol = '$'      break    case 'ja':      symbol = '￥'      break    case 'zh':      symbol = '￥'      break    case 'es':      symbol = '€'      break    case 'ru':      symbol = '?'      break  }  // if lang is Korean append symbol after, else append before  if (lang !== 'ko') {    document      .querySelector('priceItem')      .insertAdjacentText('beforeBegin', symbol)  } else {    document      .querySelector('priceItem')      .insertAdjacentText('afterBegin', symbol)  }})編輯：想想看，這在道具中可能會更好computed，這樣我就可以在用戶更改語言時重新分配符號。