vue.js

Error creating a Vue-CLI 3 project

I started creating a Vue project through the UI. At the end of the download, the onibka was thrown out: npm ERR! code EPERM ... /cli-plugin-vuex":{},"@vue/cli-plugin-eslint":{"config":"base","lintOn":["save"]}}}', timedOut: false, killed: false }

Calculating the location of planets in the solar system

Creating a Nasava analog of a 3D map of the solar system on THREE.js and Vue. Faced with the problem of determining the curre ... ed a response to ishya on git). Maybe someone knows suitable APIs for loading the location of planets in the solar system?

Laravel echo pusher does not listen to the channel front part of vue.What could be the problem

****Created an event when creating a new message record** <?php namespace App\Events; use Illuminate\Broadcasting\Channe ... p') console.log(e); }); } //console.log(text) } },

Menu Accordion, CSS, vue

You need to implement an accordion menu. When you click on a block with a first-level header, the content block should smooth ... ess the second option for me is NOT it works. What implementation options are available? How do I make a competent accordion?

Increment and decrement of the counter in the current block?

Good evening dear developers! How do I increment the current counter in such a loop? v-for="(item, index) in ticketsbuy" :key ... r? In reality, I have 4-12 row div's rendered and each has a counter. You need to increase the current one, not all of them.

how to properly connect axios to vue

Here's how I connect it to main.js import Vue from 'vue' import App from './App.vue' import axios from 'axios' import VueAxio ... .catch(console.log); }, And the console returns the error Uncaught TypeError: Cannot set property 'axios' of undefined

How to create a Vue js SPA?

Why and when do I need npm ? Will it run on the server or should it not run on the server at all ? What steps do I need to ta ... t work on the site ? Hosting does not support Node.js P. s: I know a lot of questions. But I need someone to sort things out.

Passing a parameter to computed, VueJS

You must pass the parameter - element from the te product loop to the computed field. Write the result of the field calculati ... d){ console.log(id); return this.inCart.indexOf(id) === -1 }, products(){...}, inCart(){...} }

Updating props from a child component. Vue.js

There is a loop that traverses all the elements from the array in vuex. Outputs a component with props: <card :city="city" ... units: 'metric', appid: API_KEY } }) this.$emit('update', data) } } } </script>

The nested route component, Vue-Router, is not displayed

I configure routing using VueRouter, VueJS. The LessonsList component is displayed, the url changes.router-link works. But th ... Lesson.vue <template> <section> <h4>Lesson</h4> </section> </template>

Why is the length of the object obtained from the Vuex storage not determined?

I use the Vuex repository to filter news by author. Here are the main elements: Vue.use(Vuex) const store = new Vuex.Store({ ... etter()set 13: ƒ reactiveSetter(newVal) __proto__: Object Why doesn't it define the length of this object?How to determine?

Axios. How do I send data via Post?

There is such a code: data () { return { loading_cell_phone_number: '', loading_zip_code: '', loading_c ... n such a way that the key would be the value: 'data2' and the value of this key would be `1 ' and without any empty strings?

No events are generated in Vue

There is a js file that is compiled using Laravel Mix. It previously had 2 components, after which there was a need to regist ... ntion to the fact that the previous 2 components work quite correctly. As long as there were no reassembles, the events work.

Form with a drop-down list using input and select on Vue

Help us implement a search with a pop-up list of objects. How can I combine the <input type='text'> functionality with ... r requests to the server for simplification, I will deal with these points when I debug the form. Thank you for your answers.

Verifying form fields in the bootstrap vue modal window

There is a small vue project. I use bootstrap-vue. For example, prevent-closing I'm trying to make a modal window with a fo ... ), then "submit" sends the result and closes the window, if not verified - the form is not sent and the window is not closed.

render v-for vue.js

I output the list using v-for, then when I delete an array element by index using the splice method it is deleted as expected ... margin-bottom: 1px; } .item__text { font-weight: 100; font-family: 'Times New Roman', Times, serif } </style>

Localization of VueJS components in Laravel

Laravel has a localization package that works like this (PHP): echo __('I love programming.'); And how to do the same, but ... om the localization files. UPD {{ title }} and {{ message }} are taken from attributes, this does not need to be translated.

vue v-show array display

I can't understand why v-show doesn't work. The request gets an array of users: 0: {IDUSER: "63", NAME: "Иванов Иван Иванов ... o it via toogle switch (show hidden users yes/no). But even the usual v-show does not work out as expected. Sincerely, Waik/

How do I make a v-model for a component?

InputName.vue <template> <el-form-item label="Название" prop="name"> <el-input :value="name" @input="upd ... > </el-form> Writes that 'Property or method "name" is not defined'. What is my mistake, and how do I make it work?

v-model for the checkbox group of components

You need to implement a v-model for the checkbox group. The code I wrote: Vue.config.productionTip = false Vue.config ... ven better - value, active checkbox-component The result to get, but with a custom component. Please help with the solution!