отображение имени хоста в шаблоне vue.js - PullRequest
Новая
       12

отображение имени хоста в шаблоне vue.js

2 голосов
/ 08 октября 2019

Скажем, у меня есть что-то вроде этого: 

<q-input v-model="form.uuid" inverted-light color="white" stack-label="Your subdomain:" @blur="$v.form.uuid.$touch"
    :error="$v.form.uuid.$error"
    suffix=".website.com">
</q-input>

Прямо сейчас .website.com жестко запрограммирован, но что, если бы я хотел сделать так, чтобы он основывался на имени хоста, которое использовалось дляполучить доступ к сайту? то есть. если бы я зашел на mydomain.tld, он не показал бы website.com - он показал бы mydomain.tld.

Есть идеи?

Спасибо!

1 Ответ

1 голос
/ 08 октября 2019

Сложная часть здесь - удаление субдомена. Я не знаю надежного способа сделать это.

Просто получить host рендеринг в шаблоне должно быть достаточно просто: 

new Vue({
  el: '#app',
  
  data () {
    return {
      currentUrl: location.toString(),
      host: location.host
    }
  }
})
<script src="https://unpkg.com/vue@2.6.10/dist/vue.js"></script>

<div id="app">
  <p>Full: {{ currentUrl }}</p>
  <p>Host: {{ host }}</p>
</div>

Очевидно, что для исходного примера его нужно настроить, что-то вроде :suffix="'.' + host".

...