Вопросы и ответы - javascript
ajax angular angularjs apexcharts api arrays async-await asynchronous autocomplete axios babeljs backbone.js bootstrap-4 bootstrap-vue buefy chart.js checkbox ckeditor components computed-properties cors css datatable django dom dom-events ecmascript-6 electron element-ui ember-cli ember.js emit error-handling es6-modules eslint event-handling events express file-upload filter firebase firebase-authentication firebase-realtime-database for-loop forms frontend fullcalendar fullcalendar-5 google-chrome-extension google-cloud-firestore google-cloud-functions google-maps highcharts html iframe import ionic-framework ionic4 javascript jestjs joomla jquery json laravel laravel-5 laravel-6 laravel-blade leaflet local-storage lodash loops memory-leaks methods modal-dialog momentjs mysql nativescript netlify node-modules node.js npm nuxt.js nuxtjs object opencart parent-child paypal pdf performance php plugins prestashop prestashop-1.6 prestashop-1.7 promise quasar quasar-framework react-native reactjs recursion redirect regex requirejs router routes ruby-on-rails sass search select single-page-application smarty sorting splice stackexchange stripe-payments svg tailwind-css this three.js tinymce twitter-bootstrap typescript unit-testing v-for v-model validation vee-validate visual-studio-code vue-cli vue-cli-3 vue-cli-4 vue-component vue-composition-api vue-directives vue-mixin vue-props vue-reactivity vue-router vue-test-utils vue.js vuejs2 vuejs3 vuelidate vuetify vuetify.js vuex vuex-modules web web-services webpack
Есть ответ!
Я хочу создать типизированный массив в Javascript.
Например, когда я создаю такой класс:
export default class AnalyticData {
constructor(collection = []) {
return collection.map((item) => new AnalyticDatum(item))
}
}
и после того, как я сделаю myData = new AnalyticData(), тип myData будет Array, а не AnalyticData
Кто-нибудь знает, как убедиться, что у меня есть тип AnalyticData...
Есть ответ!
я пытаюсь добавить несколько изображений и не могу найти способ заставить его работать.
У меня есть такой метод:
imageAdd(e) {
e.forEach(function(e) {
if (e.type == 'image/jpeg' || e.type == 'image/png')
{
this.images.push({
image: URL.createObjectURL(e),
imageData: e
})...
Есть ответ!
Я декодирую файл с помощью php на сервере. Когда ответ подается клиенту, и я использую v-if, чтобы зациклить его в моем приложении vue, я сталкиваюсь со странным beahviour, он будет зацикливать все элементы правильно, и они отображаются на экране (я зацикливаю изображения в формате Data uri), но внутри цикла я всегда получаю два элемента false, так что на выходе у меня будет два пустых тега изобра...
Есть ответ!
Я использую модуль vue.esm.browser.js для Vue, который работает без проблем:
import Vue from 'vue.esm.browser.js';
Однако я не могу найти способ импортировать функции reactive и isReactive. Я пытался
import { reactive, isReactive } from 'vue.esm.browser.js';
но это не работает. Я был бы признателен за любую помощь, чтобы заставить это работать!
Есть ответ!
Я делаю редактор игр. Все, что ему нужно, - это способ сохранения и чтения данных из общего хранилища, таких как спрайты и настройки инструментов.
Проблема в том, что Vuex просто кажется мне очень грязным. Может быть, это потому, что я не создаю стандартный SPA, для которого был разработан Vuex, но мне просто кажется, что каждый раз, когда я хочу сделать что-то простое, он добавляет более 50 строк...
Есть ответ!
У меня есть массив объектов, и я пытаюсь создать фильтр, в котором пользователь вводит несколько букв и получает список всех соответствующих записей.
users = [{office: "J Limited", contact: {first_name: "James", last_name: "Wilson", address: Canada}},{office: "Q Limited", contact: {first_name: "Quin", last_name: "Ross", address: Australia...
Есть ответ!
Я использую Vue для визуализации некоторых данных, проблема в том, что дата, хранящаяся в поле created_at, находится в UTC (мне нужно, чтобы она была в EST).
<div class="row">
<div class="col-md-3" v-for="result in results">
<div class="panel panel-default">
<div class="panel-heading">...
Есть ответ!
Я только начинаю с Vue.js и разработка пользовательского интерфейса, и я пытаюсь сделать очень простой vue.js звони. Однако, когда я запускаю свою html-страницу с помощью liveserver на Visual Studio Code, ни одна функция JavaScript не вызывается из app.js. Я не могу понять, что не так с кодом.
Может кто-нибудь посоветовать?
Vue включен в HTML-
<head>
<meta charset="UTF-8" />...
Есть ответ!
Я использую фреймворк Vue
это HTML код
<input name="quantity" type="number" v-model="product.price" placeholder="price" >
скрипт
product: {
name:String,
price: null,
},
addProduct() {
this.$firestore.Products.add(this.product);
},
документ firestore
Я хочу сохранить цену как номер.
Есть ответ!
Я написал следующий код:
let self = this;
self.rows = [];
self.data.payload.forEach(function (item, index) {
if (!(self.rows.includes(item))) {
self.rows.push(item);
}
});
И includes всегда возвращает false. Каждый элемент имеет формат:
{
'user': 'ben',
'age': '23'
}
Это может быть больше полей, чем просто эти два, важно то, что это объект. В итоге получается, что у меня есть ду...
Есть ответ!
Я полагаю, что это относится ко всем JS в целом, но каков был бы правильный способ переписать этот вычисленный метод, чтобы гарантировать, что он не потерпит неудачу, если поле не будет доступно?
computed() {
isVerified() {
return this.name.info.is_valid;
}
}
Я могу это сделать но это будет довольно многословно:
computed() {
isVerified() {
if (this.name && this.na...
Есть ответ!
Эй, я пытаюсь заполнить пустой объект-заполнитель (который в данном случае служит v-моделью для vue, но не важен именно для этого случая).
Объект, с которым я расширяю оригинал, может иметь или не иметь некоторые объекты внутри него неопределенными, но мне нужно сохранить структуру первого объекта независимо от структуры входящего.
Например
Объект 1
let object1 = { a : '', b : '', c : {name : 'Mar...
Есть ответ!
Я пытаюсь отфильтровать массив, где параметры могут быть "true", "false"или" true || false". У меня возникли проблемы с поиском способа вернуть часть "true | / false". Возможно ли это?
вот код для фильтра массива:
const filtered = data.filter(entry =>
entry.brokerage == brokerage
&& entry.insurance == insurance
)
вот где я пытаю...
Есть ответ!
В моем текущем проекте я должен отсортировать массив объектов на основе определенных параметров сортировки:
порядок (вверх / вниз),
и тип сортировки (имя, описание, категория).
Поэтому я создал массив сортировки с синтаксисом sort = [type, order].
Теперь я хочу отсортировать свой массив объектов по типу и порядку сортировки.
Моя текущая реализация такова:
computed: {
accountsList() {
var list ...
Есть ответ!
У меня есть простое приложение, написанное на Vue. Я хочу просто вызвать метод из вью, пользовательский метод, за пределами города.createApp() метод.
Мой код:
const app = Vue.createApp({
data() {
return {
data: ["this","is","an", "example"],
}
},
methods: {
getData() {
return this.data;
},
},
});
app.mount('#app');
// This instr...
Есть ответ!
В этом коде, как и в строке 19, я хочу передать document.body.getElementById('calculationid').value переменной vue (calcvalue), но это не работает, так как я могу ее решить или есть какие-либо другие решения для получения значения входного тега .
<template>
<div class="home">
<input type="text" v-model="calcoperation" id="calculationid"...
Есть ответ!
Это только на мобильных устройствах. Он работает так, как задумано на рабочем столе, поэтому я опущу все эти стили и функции.
У меня есть такой Vue-компонент:
Шаблон
<div class="container">
<div class="invisible-overlay-styles">
<button
v-if="! videoIsPlaying"
@click="playVideo()"
@mousedown="playVideo()"
...
Есть ответ!
Я пытаюсь интерполировать значение photo в Vue. Вот эти компоненты:
Пояснение: Мы определяем набор данных как null. Затем мы выполняем метод post для внутренней базы данных, где мы получаем photo,email,name и id. Все работает нормально до значения photo. Как вы можете видеть, я выполнил метод среза на строке, который удалил ненужные данные. Результатом этого является только имя файла.
<script&g...
Есть ответ!
Вот моя троица :
mode === 'edition' ? (this.editionMode = true, this.creationMode = false) : (this.creationMode = true, this.editionMode = false)
Я думаю, что это излишне, могу ли я написать эту троицу лучше ? Спасибо!
Есть ответ!
Я заметил особое поведение, когда вызываю функцию "require" с помощью Vue и jQuery.
Для Vue я могу использовать любую из следующих структур операторов, и мое приложение работает без проблем:
window.Vue = require('vue');
window.$ = window.Vue = require('vue');
Но для jQuery я могу использовать только:
window.$ = window.jQuery = require('jquery');
.. потому что если я попробую это сделать так, как...