Кто-то использовал vue-currency-input для vue 2 или может можете что-то аналогичное посоветовать?

Для начала нужно понять, а вам точно нужно задавать всем элементам разные классы? Или вы хотите подсветить один активный элемент?

У тебя ж bullOneIsActive и другие компутеды?

Yes, or you can use web sockets, but it is hard way to update state by server-to-client requests

а как запустить на другом порту npm run serve?

npm run serve — —port 5000

спасибо

ребят, кто-то использовал vue-currency-input для vue 2 или может можете что-то аналогичное посоветовать?

What happened if the user move components and back to same component its run the interval twice?

I think we need a simple experiment in practice, you can do it here https://codesandbox.io/

I dont understand what you mean in words «move components and back to same»

First formulate the problem — this is already half the solution))

My interval start in mounted if the user change page and back the interval double no ?

Oh, yes of course

What a good way to fix this ? Have way when the user change page stop the interval ? And when back start again ?

So, you can every interval write it to localStorage, then when user load page, or change it, get it from localStorage and resume

Oh, and this code can be a little shorter

this.counterInterval = setInterval(()=> {
this.autchCh()
}, 30000)

Oh, sorry, my fault, no it is no double if you delete interval in beforeDestroy hook

You mean the clearInterval i write before it need work fine?

beforeDestroy() {
clearInterval(this.counterInterval)
}

You can clean interval before page it destroy, and when user come to this page, interval start and dont double

Sorry for my bad English))

Its ok me to 😂
Nice idea thxx i check this now

If you use Vue.js 3, you can use beforeUnmount hook, because in Vue 3 beforeDestroy and destroyed hooks are replaced with beforeUnmount and unmounted

Something wrong i get the alert but the interval keep work why ?

Use setTimeout

Всмысле, ему же нужно что бы повторялось перидически

Или я его не правильно понял?

Hmm, try add
this.counterInterval = null after clearInterval

Not work , i try make method butyon to check and same it not stop this 🙈

I reload the serve andd itss work thxx

Пробовал import { Buffer } from ‘buffer’ ?

всем привет, может кто нибудь подсказать. Я для дэшборда использовал cdn, подключал 3 библиотеки так:
<script src=»https://cdn.jsdelivr.net/npm/vue@2.6.14″></script>
<script src=»https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js»></script>
<script src=»https://unpkg.com/vue-chartjs/dist/vue-chartjs.min.js»></script>
теперь vue-chartjs куда пропал, и я не могу подключить новую библиотеку.
пробую например вот это:
https://cdnjs.cloudflare.com/ajax/libs/vue-chartjs/4.1.1/index.js
но в консоли пишет, что «Uncaught SyntaxError: import declarations may only appear at top level of a module»
Uncaught ReferenceError: VueChartJs is not defined

в js ничего не понимаю, подскажите можно ли исправить малой кровью?

Возможно тип как модуль надо поставить. Хотя так не понятно

Спасибо)

Реально помогло)

Думаю в данном случае лучше создать одну асинхронную функцию чтобы оно работало, чем нарушать DRY и везде приписывать ту огромную цепочку

Добрый день. Подскажите на счёт i18n. Вот я к примеру создал файлы с языками где делаю запросы в бек и получаю контент на определённых языках и всё вроде хорошо отрабатывает. Но есть апи получения одного проекта по ид(и так же с определённым языком) то как с этим быть, как нужно сделать так чтобы при смене языка отправлялся нужный запрос?

Добрый день. Подскажите, почему ESLint линтует секцию со стилями?

eslintrc.js
module.exports = {
root: true,
env: {
node: true
},
parser: ‘vue-eslint-parser’,
parserOptions: {
parser: ‘@babel/eslint-parser’
},
extends: [
‘plugin:vue/vue3-recommended’,
‘@vue/standard’
],
rules: {
‘no-console’: process.env.NODE_ENV === ‘production’ ? ‘warn’ : ‘off’,
‘no-debugger’: process.env.NODE_ENV === ‘production’ ? ‘warn’ : ‘off’
},
overrides: [
{
files: [
‘**/__tests__/*.{j,t}s?(x)’,
‘**/tests/unit/**/*.spec.{j,t}s?(x)’
],
env: {
jest: true
}
}
]
}

vsc settings
{
«editor.defaultFormatter»: «dbaeumer.vscode-eslint»,
«editor.quickSuggestions»: {
«strings»: true
},
«[javascript]»: {
«editor.defaultFormatter»: «vscode.typescript-language-features»
},
«[typescript]»: {
«editor.defaultFormatter»: «dbaeumer.vscode-eslint»
},
«[vue]»: {
«editor.defaultFormatter»: «dbaeumer.vscode-eslint»
},
«[scss]»: {
«editor.defaultFormatter»: «stylelint.vscode-stylelint»
},
«[css]»: {
«editor.defaultFormatter»: «stylelint.vscode-stylelint»
},
«editor.codeActionsOnSave»: {
«source.fixAll.eslint»: true,
«source.fixAll.stylelint»: true
},
«eslint.alwaysShowStatus»: true,
«eslint.options»: {
«extensions»: [
«.html»,
«.js»,
«.ts»,
«.vue»
]
},
«stylelint.enable»: true,
«stylelint.snippet»: [«css», «scss», «vue»],
«stylelint.validate»: [«css», «scss», «vue»],
«css.validate»: true,
«scss.validate»: true,
«html.format.enable»: false,
«emmet.triggerExpansionOnTab»: true,
«emmet.includeLanguages»: {
«vue-html»: «html»
},
«files.exclude»: {
«**/*.log»: true,
«**/*.log*»: true,
«**/dist»: true,
},
«files.associations»: {
«.babelrc»: «jsonc»,
«.eslintrc»: «jsonc»,
«.markdownlintrc»: «jsonc»,
«*.config.js»: «javascript»,
«*.spec.js»: «javascript»,
«*.vue»: «vue»
},
«files.eol»: «\n»,
«files.insertFinalNewline»: true,
«files.trimFinalNewlines»: true,
«files.trimTrailingWhitespace»: true,
}

Вопрос не вполне по вью, но навеян рабочим способом объявления функций в объекте. Киньте плиз ссылку на спеку или на подробное описание, почему такой способ работает. Вместо, например, getSomething: () => ‘something’

Uncaught SyntaxError: The requested module ‘/@id/__vite-browser-external:buffer’ does not provide an export named ‘Buffer’ (at AvatarUploader.vue:147:1)

inject({ Buffer: [‘Buffer’, ‘Buffer’] }) вот это тоже сделал

это сокращение для
getSomething: function() {}

Это я знаю, я прошу указать место в спеке где это описано)

Тут не в спеке дело. У стрелочных функций нет контекста, поэтому метод в объекте работает только через ключевое слово function.

Или, что то же самое, через сокращение myMethod() {…}, как у вас на картинке.

Это, конечно, не так. У стрелочных функций есть контекст, просто с особенностями и без thisBinding (или с ним, но через наследование от родителя, тут точно не знаю) . Да и создать метод с помощью стрелочной функции вы сможете, просто this не будет ссылаться на сам объект

Да, безусловно, под контекстом я и подразумевал наличие/отсутствие this’a. Всё остальные признаки контекста у стрелочных функций присутствуют.

Хм, я тут поэксперементировал, и все таки похоже у стрелочных функций действительно полностю нет своего контекста, даже блочного, как я думал.

Ну, область видимости же есть, замкнуть значение же можно в ней)

А точно можно?)