Блог

Главная - Вопросы по программированию - как использовать несколько переменных в одном v-тексте

как использовать несколько переменных в одном v-тексте

#vue.js

#vue.js

Вопрос:

Я хочу использовать несколько переменных в одном v-тексте.

Пробный код:

 <p v-text="mnb.name mnb.address"></p>

Но это не работает. Как я могу использовать v-text для отображения нескольких данных?

Комментарии:

1. скорее всего, вам нужно v-text="`${p1} ${p2}`"

2. @Sphinx это работает хорошо.

Ответ №1:

Похоже, вы хотели бы объединить две строки одним пробелом.

Итак, решение таково

 v-text="`${p1} ${p2}`"

или v-text="p1 ' ' p2" 

 new Vue({
  el: '#app',
  data () {
    return {
      p1: '123',
      p2: 'abc'
    }
  }
})  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <p v-text="`${p1} ${p2}`"></p>
  <p v-text="p1   ' '   p2"></p>
</div>