Как закрыть модальное окно кнопкой «отправить», если поле заполнено?

Ошибку пишет( ReferenceError: contact is not defined


Все ли правильно я вписал?

Vue.component("modal", {
  template: "#modal-template"
});

new Vue({
  el: '#app',
  data: () => ({
    contact: '',
  }),
  methods: {
    onClick() {
      if (this.contact) {
        this.$emit('close');
      }
    },
  },
  data() {
    return {
      showModal: false
    }
  }
})

Как закрыть модальное окно кнопкой «отправить», если поле заполнено?

Иван, попробую на сервере, спасибо!

Как закрыть модальное окно кнопкой «отправить», если поле заполнено?

Вот так?

<form enctype="multipart/form-data" method="post" id="form" onsubmit="send(event, "send.php")" @onsubmit="$emit('close')">
 <input class="form-required" type="text" name="contact" id="contact" placeholder="Мессенджер или e-mail" required="required"/>
 <button class="modal__button button" type="submit">Отправить</button>
</form>

Как закрыть модальное окно кнопкой «отправить», если поле заполнено?

Не силен в Vue, поэтому и спрашиваю тут. Через JS не получается повесить, так как форма недоступна в DOM, а появляется только по клику.

Как сделать разметку в круге?

красиво)

Как сделать текст в центре адаптивной круглой картинки?

yoyoyooyoyoyoyoyoyoyoyoyo, можно сделать прозрачный div с border-radius: 50% и залить его background вашей картинкой со свойством background-size: cover

Как запретить пользователю просмотр определенных листов в Google Sheets?

У этого пользователя будут права редактора?

Как доказать в суде / банке подлинность договора оказания услуг?

Пума Тайланд, автору заблокировали счет, я про это писал. Вернуть деньги = разблокировать счёт.

Как доказать в суде / банке подлинность договора оказания услуг?

Получается что если я работаю в качестве самозанятого, плачу налоги, но услуги оказываю без договора, то деньги вообще никак не вернуть? Какой-то бред, на сайте налоговой про договора вообще ни слова не указано.

Могу ли я уже выполнять первые заказы по верстке на фрилансе с таким портфолио?

Аккуратненько, только тут x-скролл появляется на разрешении ~ 500px

Анимация при наведении - выпад блоков, как сделать?

Так у вас стикер тоже плавно появляется после наведения на блок, что вы еще хотите?

Как реализовать анимацию блока переключения языка?

lazy_mind, в CSS можно выставить задержку, не используя таймаут из JS. Но если именно клик нужен, то без JS не обойтись. Можно реализовать полностью на CSS если заменить клик на наведение мышкой (hover)

Как делается анимация на сайте?

Алексей Гончаров, если речь идет о кликах, то только через JS получится это сделать. Просто меняете свойства элемента через CSS. Например, можно сделать элемент из двух div-ов в которых фоном будет выступать svg-картинка и при клике скрывать один из них. Это первое что приходит мне на ум :) Можно работать напрямую с SVG или сделать полностью через JS + Canvas, но придётся больше разбираться, лично мне :) Может вам JS понятнее.

Отображение элементов соответствующих поиску?

shinoaq, первая ссылка в гугле

Как сделать чтобы блоки были на всю ширину страницы?

Алексей, в смысле не поможет? https://jsfiddle.net/6ge3hc5b/

Как сделать подчеркивание пустой области?

aleks-th, точняк, так даже лучше :)

Как отобразить верстку для широкоформатных экранов на маленьких экранах (mac ретина)?

Spisoktem, в настройках мака, разделе «Экран» можно менять разрешение, вплоть до 2560 × 1600. Сейчас у него стоит разрешение 1280 × 800, поэтому он и не видит ваши стили, так и объясните ему ¯\_(ツ)_/¯

Как изменить стиль required?

в этом случае анимация сразу сработает, как появится поле, поэтому так себе вариант. А автору нужно чтобы срабатывала после нажатия кнопки.

Как изменить стиль required?

Тут описано как на JS сделать
https://stackoverflow.com/questions/30652207/shake...

на css вряд ли такое можно, обычно делают селектор по наличию placeholder
https://css-tricks.com/almanac/selectors/p/placeho...

Sublime добавляет пробелы при вставке CSS-правила, как убрать?

Посмотрите внимательней гифку. Я вставляю две строки с отступами, дополнительный пробел появляется только у первой. По вашей логике пробелы должны появляться у двух.