<abbr title="Содружество Независимых Государств">СНГ</abbr>abbr[title] {
text-decoration: none; // обнуляем стандартный стиль
border-bottom: 1px solid red;
}function onSubmit( form ){
var data = JSON.stringify( $(form).serializeArray() ); // <-----------
console.log( data );
return false; //don't submit
}<form onsubmit='return onSubmit(this)'>
<input name='user' placeholder='user'><br>
<input name='password' type='password' placeholder='password'><br>
<button type='submit'>Try</button>
</form>Токен будет запрошен и установлен уже после монтирования этого компонента.
<component v-if="ЕСТЬ_ТОКЕН" />
<div class="container">
<div class="no">no</div>
<div>yes</div>
</div>.container div:not(.no) {
opacity: .5;
}
.no {
opacity: 1;
}this.$store.dispatch('filter/GET', {query: this.$route.query})<div class="container">
<textarea name="" id="" cols="30" rows="10"></textarea>
<div class="counter">
<span class="current">0</span> /
<span class="total">360</span>
</div>
</div>.container {
position: relative;
width: max-content;
}
.counter {
position: absolute;
bottom: 5px;
right: 5px;
}const textarea = document.querySelector('textarea');
const counter = document.querySelector('.current');
const maxlength = 360;
textarea.addEventListener('input', onInput)
function onInput(event) {
event.target.value = event.target.value.substr(0, maxlength); // обрезаем текст до 360 символов
const length = event.target.value.length;
counter.textContent = length;
}