Вопросы и ответы - html - страница 4
action android angular api arrays audio autocomplete autoplay axios backbone.js background background-image bootstrap-4 bootstrap-modal bootstrap-vue breakpoints bulma c++ canvas carousel cdn checkbox components content-management-system content-security-policy converter cookies crud css css-grid css-position d3.js database datakey django dom drop-down-menu ecmascript-6 element-ui eloquent ember.js environment-variables events excel express file-upload firebase firefox flexbox forms frontend handlebars.js header href html html-lists html-table html5 http-headers image input interface ios javascript jestjs joomla jquery json jsonresult konvajs laravel laravel-5 laravel-7 laravel-blade laravel-livewire laravel-views layout lumen mailto menu mime-types mysql navigation navigationcontroller nested newline node.js nuxt.js nuxtjs octobercms opencart opencart2.x pdf pdf.js php platform post pre prestashop prestashop-1.6 prestashop-1.7 prismic.io pug pyodide query-string reactjs recursion routes ruby sass smarty sorting stackexchange sticky symfony syntax-highlighting tabs tailwind-css three.js tooltip twig twitter-bootstrap typeerror typescript typography unit-testing unix unpkg url v-for v-model video.js visual-studio vue-class-components vue-component vue-router vue-transitions vue.draggable vue.js vuedraggable vuejs2 vuejs3 vuetify vuetify.js vuex w3c-validation web webstorm wordpress веб-программирование
Есть ответ!
Я использую Vue для передачи дескриптора функции, и когда флажок установлен, функция не запускается событием изменения. Я не уверен, что проблема в том, что я пишу его на монтированном или что-то еще.
mounted() {
var self = this;
let id = this.$route.params.id;
var chkInfo = [];
chk.where("partId", "==", id).get()
.then(function (que...
Есть ответ!
У меня есть 2 элемента в моем веб-макете, которые должны занимать 25% и 75% видимой высоты экрана соответственно, используя директивы Bootstrap 4 row, но это, похоже, никак не влияет на высоту элементов.
Похоже, что форма электронной почты и вид изображения-это просто минимальная высота, необходимая для обертывания содержимого элемента. Что я делаю не так?
<template>
<div class="c...
Есть ответ!
У меня проблема с моим vue.js приложение, когда я осматриваю элемент, говорит мне, что фоновое изображение находится на его максимальном весе и максимальной высоте, но вот как оно выглядит:
Введите описание изображения здесь
Вот мой html:
<div class="hero-image">
<div>
<h1 class="text-center mb-5" >Prijava</h1>
</div>
<form @submit.prevent=&q...
Есть ответ!
я пытаюсь сделать компонент vue, который отображает изображение, затем открыть модал со вторым изображением в нем, а затем отобразить третье изображение вместо первого. первое и третье изображения работают по назначению, но то, что находится в модальном режиме, никогда не обновляется. он повторно использует первое изображение, данное первому компоненту, вызванному на странице. я не вижу, как он мо...
Есть ответ!
Я получаю список данных из api, и мне нужно заполнить конкретные теги <select></select>, которые связаны с несколькими переключателями, с некоторыми данными как <options></options>. Переключатели ожидания события (@change/@click) и выполнения и "Аксиос" - запрос GET. Все работает отлично. Я нажимаю на переключатель и получаю данные в качестве ответа (инструменты vue также п...
Есть ответ!
ОБНОВЛЕНИЕ
Благодаря ответу Габриэля Тортомано Я заменил корневой тег <div> на <v-app и начал искать, как исправить изменения css, которые пришли с <v-app>.
В конце концов это оказалось не так уж и трудно. Просто установите свойства, которые вам не нужны, которые автоматически приходят с <v-app> на unset.
.v-application {
.title {
font-size: unset !important;
...
Есть ответ!
У меня есть растущая текстовая область, выровненная слева, и кнопки действий с правой стороны текстовой области. Я хочу выровнять кнопки действий внизу на одном уровне с растущей текстовой областью.
Вот моя разметка:
<div class="col">
<div class="mt-2">
<textarea name="messages[]" @keyup="typing(index)" :id="'ta_'+index" ...
Есть ответ!
У меня есть список объектов json (carriers), подобный этому:
В моем *. vue я рендерю это с помощью:
<tr v-for="carrier in this.carriers">
<td>{{ carrier.id }}</td> ....
Мои thead / th можно щелкнуть для сортировки таблицы следующим образом:
<thead>
<tr>
<th class="pointer link" @click="sort('id')">
ID
...
Есть ответ!
У меня есть это текстовое поле ввода:
<input v-model="filterName" v-on:input="search()" type="text" class="form-control" id="carrierName" placeholder="Name">
После ввода любого символа во входной текст вызывается функция search ().
Я хочу, чтобы функция search() вызывалась только тогда, когда я набираю не менее x символов в свой те...
Есть ответ!
Я хотел бы получить два именованных слота slotOne и slotTwo. Они расположены в дочернем компоненте по адресам this.$scopedSlots.slotOne и this.$scopedSlots.slotTwo и содержат vnodes. Как я могу обернуть эти слоты (vnodes) в новый компонент, чтобы я мог условно визуализировать их следующим образом:
Дочерний Компонент:
<template>
<div>
<keep-alive>
<component :is=&qu...
Есть ответ!
Итак, у меня возникла проблема с одним из моих компонентов vue. моя цель-иметь одно изображение, которое отображается по умолчанию, и после нажатия на него сделать какое-то другое действие, и предполагается, что оно изменится
<b-img v-else-if="isopen = true" fluid src="someimage" data-toggle="modal" data-target=".bd-example-modal-lg" @click="openin...
Есть ответ!
Я пытаюсь открыть свой модал в VueJS только тогда, когда нажимаю на опцию "Новый", как я могу это сделать?
<select v-model="input.des" @change="$refs.modalName.openModal()">
<option value="A">A</option>
<option value="B">B</option>
<option value="New">New<...
Есть ответ!
Я пытаюсь сделать свое приложение Vue безопасным, исключив clickjacking.
Я не уверен, как установить заголовки сервера Vue, методы X Frame или директивы Frame Ancestor в мета-теге, например:
<meta http-equiv="Content-Security-Policy" content="X-Frame-Options: DENY:"
/>
Однако ссылки ниже говорят, что это не поддерживается
https://developer.mozilla.org/en-US/docs/W...
Есть ответ!
Я пытаюсь поместить ajax.get в созданную функцию, но все еще не могу получить значение ap_name
vue.js
created: function () {
ajax.get('/envs').then(function (res) {
this.apName = res.AP_NAME;
console.log(this.apName);
});
},
HTML
<a :href="`${apName}/home`"</a>
в чем проблема?
Есть ответ!
<v-col class="d-flex align-center">
<v-tooltip bottom>
<template v-slot:activator="{ on }">
<v-text-field
v-on="on"
:value="info.payeeNo"
dense
label="Another payer"/>
</template>
<span>{{info.payeeNo}}</span>
</v-tooltip>...
Есть ответ!
Я использую boostrap-vue <b-card> и сталкиваюсь с проблемой, когда я не могу выровнять заголовок по центру. Кто-нибудь знает хороший способ сделать это? Ниже приведено содержимое моей карточки, которая имеет динамический заголовок, img-src, а также подтекст (который на самом деле выровнен по центру, в отличие от заголовка):
<b-card
:title="obj.name"
:img-src=&quo...
Есть ответ!
Исходя из React, я привык к концепции "контроля" над значением html-элемента и событиями.
Я хочу сделать то же самое с VueJS.
У меня есть, вход:
<input :value="foo" @input="changeFoo" pattern="[a-zA-Z0-9]+">
Вычисленное значение, поступающее из моего магазина VueX:
...mapState({
foo: (state) => state.foo,
}),
Метод, который фиксирует мутацию в моем состоян...
Есть ответ!
У меня есть геттер, где хранятся все продукты, и когда я хочу получить только один продукт динамически в зависимости от this.$route.params.id, он не возвращает никакого значения
этот код работает правильно, когда я перехожу к определенному продукту, но когда я обновляю страницу, Я теряю все
computed: {
...mapGetters(["getAllProducts"]),
product() {
return this...
Есть ответ!
Такой простой ввод
<input ref="input" class="terminal-input" autofocus
v-model="message" type="submit" @submit.prevent="printToConsole"/>
При добавлении type="submit" я больше не могу вводить входные данные. Он просто превращается в кнопку! Поэтому я нашел решение просто сделать форму, добавить кнопку (сделать ее отправкой) и скр...
Есть ответ!
<!--html-->
<div id="vvv">
<form action="#">
<input required type="text">
<input type="submit" @submit="func">
</form>
</div>
// js
vvv = new Vue({
el: '#vvv',
methods: {
func(){
console.log(11111111111111)
}
}
})
Как заставить работать функ...