Другого я бы давно послал, но ты мне помог пару раз)
исправил вопрос
Вам не кажется что это более вежлива и информативная фраза
с чего вы решили что я собираюсь делать так или иначе?
я ведь тоже могу вас перефразировать
data: () => ({
value: null,
selectedText: '',
}),
mounted() {
this.$watch('value', {
immediate: true,
handler(v) {
const option = [...this.$refs.select.options].find(n => n.value === v);
this.selectedText = (option || {}).innerText || '';
},
});
},<select v-model="value" ref="select">
<option value="69">hello, world!!</option>
<option value="187">fuck the world</option>
<option value="666">fuck everything</option>
</select>
<div>
Текст выбранной опции: <span>{{ selectedText }}</span>
</div>data: () => ({
selectedText: '',
}),
methods: {
onChange(e) {
this.selectedText = e.target.querySelector('option:checked').innerText;
},
},
mounted() {
this.$refs.select.dispatchEvent(new Event('change'));
},<select @change="onChange" ref="select">
<option value="69">hello, world!!</option>
<option value="187">fuck the world</option>
<option value="666">fuck everything</option>
</select>
<div>
Текст выбранной опции: <span>{{ selectedText }}</span>
</div>
Нет никакого "this элемента". Просто - элемент. Кстати, исправьте вопрос, а то формулировка омерзительно безграмотная, смотреть противно.
Это безумие, иначе и не скажешь.
Можно сделать директиву.