Как сделать горизонтальную рулетку на vue?

Александр, Хорошо, но я вроде бы написал что-то подобное.
Будет ли удобно/хорошо здесь спросить (в комментариях) по поводу плавности?
Или нужно открыть другой вопрос?

Как сделать горизонтальную рулетку на vue?

Спасибо, а есть что-то проще, в плане js кода ? :)

Как я могу сделать страницу 404 для несуществующих динамических компонентов Vue-router?

Прежде чем давать ответ - хотя бы прочитай вопрос еще раз внимательнее.
Там рассматривается метод на ВСЕ не зарегистрированные пути в роутере.

Если ты зарегистрируешь что-то вроде:

{
    path: `/testRoute/:id`,
    name: 'tes',
    component: () => import('../views/testRoutes.vue'),
  },

и перейдёшь по несуществующему id - тебе не выкинет 404, а просто покажет чистую страницу.

Почему Vuex работает "рандомно" и как правильно достать из него state?

Михаил, еклмн, спасибо

Как из адресной строки достать определенные данные?

WapSter,

http://localhost:8080/#access_token=330155123asd123123d33eb3373c7686ee7aa809fb01306123s784534f5adf3df3e9c4e383a6628f50abfbd2baa3e2f221d2&expires_in=86400&user_id=1580449012235084

Из этого всего нужен только в конце user_id

Как из адресной строки достать определенные данные?

edward_freedom, Выводит null:

let string = window.location.href
var url = new URL(string);
var c = url.searchParams.get("user_id");
alert(c)

но адресная строка содержит совсем не пустой user_id

Как достать ключ-значения из "объекта в массиве, который в объекте еще одного массива"?

edward_freedom, т.е будет вполне адекватным, если я внутри этого цикла пройдусь еще раз, только по messages?

Как найти и вернуть слово из массива?

Сергей Соколов, Поэтому, я создал этот вопрос -> Почему возвращается одно и то же значение?

Как найти и вернуть слово из массива?

Можете сказать, почему у меня в любом случае возвращается /me ?
this.resMessage - это некое значение, которое управляется юзером: т.е он может ввести /me или /do

let words = [
                    '/me', '/do', '/try'
                ];

                let exitElement;
                for (let i = 0; i < words.length; i++) {
                    if (this.resMessage.indexOf(words[i]) !== -1) {
                        let kol = this.resMessage.indexOf(words[i])
                        exitElement = words[kol]
                        this.key = words[kol]
                    }
                }
                alert(exitElement)

Как так же обрезать круг в svg?

Иван Гришов, Чел ты сейчас шутишь или нет?
Как я тебе заполню svg тегом IMG БЕЗ SVG кода?

есть различия между файлами svg и кодом с svg..
Почитай, может узнаешь чего-то нового...

Твои ответы тут не в тему.
Дизайнеры либо берут, либо сами делают svg, но позволь, бывают моменты, как мой - где нужно этот свг повторить в коде, а после сделать функциональным.

spoiler

Твои ответы тут не в тему.

Как так же обрезать круг в svg?

Иван Гришов,
> html, css, svg
> нарисуй в adobe illustrator

Как сделать закругление circle на svg?

Неа

Что это за чудо ошибки в npm при запуске "npm i"?

Я попробовал так, но ошибки так же валятся:

PS C:\Users\ZakFi\OneDrive\Desktop\h\vue-practice-youtube-master> npm uninstall --save node-sass
npm ERR! code 1
npm ERR! path C:\Users\ZakFi\OneDrive\Desktop\h\vue-practice-youtube-master\node_modules\grpc
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node-pre-gyp install --fallback-to-build --library=static_library
npm ERR! Failed to execute 'D:\npmm\node.exe D:\npmm\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --library=static_library --module=C:\Users\ZakFi\OneDrive\Desktop\h\vue-practice-youtube-master\node_modules\grpc\src\node\extension_binary\node-v93-win32-x64-unknown\grpc_node.node --module_name=grpc_node --module_path=C:\Users\ZakFi\OneDrive\Desktop\h\vue-practice-youtube-master\node_modules\grpc\src\node\extension_binary\node-v93-win32-x64-unknown --napi_version=8 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v93 --python=python2.7 --msvs_version=2015' (1)
npm ERR! node-pre-gyp info it worked if it ends with ok
npm ERR! node-pre-gyp info using node-pre-gyp@0.12.0
npm ERR! node-pre-gyp info using node@16.3.0 | win32 | x64
npm ERR! node-pre-gyp WARN Using request for node-pre-gyp https download
npm ERR! node-pre-gyp info check checked for "C:\Users\ZakFi\OneDrive\Desktop\h\vue-practice-youtube-master\node_modules\grpc\src\node\extension_binary\node-v93-win32-x64-unknown\grpc_node.node" (not found)
npm ERR! node-pre-gyp http GET https://node-precompiled-binaries.grpc.io/grpc/v1.19.0/node-v93-win32-x64-unknown.tar.gz
npm ERR! node-pre-gyp http 404 https://node-precompiled-binaries.grpc.io/grpc/v1.19.0/node-v93-win32-x64-unknown.tar.gz
npm ERR! node-pre-gyp WARN Tried to download(404): https://node-precompiled-binaries.grpc.io/grpc/v1.19.0/node-v93-win32-x64-unknown.tar.gz
npm ERR! node-pre-gyp WARN Pre-built binaries not found for grpc@1.19.0 and node@16.3.0 (node-v93 ABI, unknown) (falling back to source compile with node-gyp)
npm ERR! node-pre-gyp http 404 status code downloading tarball https://node-precompiled-binaries.grpc.io/grpc/v1.19.0/node-v93-win32-x64-unknown.tar.gz
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using node-gyp@7.1.2
npm ERR! gyp info using node@16.3.0 | win32 | x64
npm ERR! gyp info ok
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using node-gyp@7.1.2
npm ERR! gyp info using node@16.3.0 | win32 | x64
npm ERR! gyp info find Python using Python version 3.9.5 found at "C:\Python39\python.exe"
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! find VS msvs_version was set from command line or npm config
npm ERR! gyp ERR! find VS - looking for Visual Studio version 2015
npm ERR! gyp ERR! find VS VCINSTALLDIR not set, not running in VS Command Prompt
npm ERR! gyp ERR! find VS checking VS2019 (16.10.31410.357) found at:
npm ERR! gyp ERR! find VS "C:\Program Files (x86)\Microsoft Visual Studio\2019\BuildTools"
npm ERR! gyp ERR! find VS - found "Visual Studio C++ core features"
npm ERR! gyp ERR! find VS - found VC++ toolset: v142
npm ERR! gyp ERR! find VS - found Windows SDK: 10.0.19041.0
npm ERR! gyp ERR! find VS - msvs_version does not match this version
npm ERR! gyp ERR! find VS could not find a version of Visual Studio 2017 or newer to use
npm ERR! gyp ERR! find VS looking for Visual Studio 2015
npm ERR! gyp ERR! find VS - not found
npm ERR! gyp ERR! find VS not looking for VS2013 as it is only supported up to Node.js 8
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! find VS valid versions for msvs_version:
npm ERR! gyp ERR! find VS - "2019"
npm ERR! gyp ERR! find VS - "C:\Program Files (x86)\Microsoft Visual Studio\2019\BuildTools"
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! find VS **************************************************************
npm ERR! gyp ERR! find VS You need to install the latest version of Visual Studio
npm ERR! gyp ERR! find VS including the "Desktop development with C++" workload.
npm ERR! gyp ERR! find VS For more information consult the documentation at:
npm ERR! gyp ERR! find VS https://github.com/nodejs/node-gyp#on-windows
npm ERR! gyp ERR! find VS **************************************************************
npm ERR! gyp ERR! find VS
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Could not find any Visual Studio installation to use
npm ERR! gyp ERR! stack     at VisualStudioFinder.fail (D:\npmm\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:121:47)
npm ERR! gyp ERR! stack     at D:\npmm\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:74:16 
npm ERR! gyp ERR! stack     at VisualStudioFinder.findVisualStudio2013 (D:\npmm\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:351:14)
npm ERR! gyp ERR! stack     at D:\npmm\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:70:14 
npm ERR! gyp ERR! stack     at D:\npmm\node_modules\npm\node_modules\node-gyp\lib\find-visualstudio.js:372:16npm ERR! gyp ERR! stack     at D:\npmm\node_modules\npm\node_modules\node-gyp\lib\util.js:54:7
npm ERR! gyp ERR! stack     at D:\npmm\node_modules\npm\node_modules\node-gyp\lib\util.js:33:16
npm ERR! gyp ERR! stack     at ChildProcess.exithandler (node:child_process:333:5)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:394:28)
npm ERR! gyp ERR! stack     at maybeClose (node:internal/child_process:1067:16)
npm ERR! gyp ERR! System Windows_NT 10.0.19043
npm ERR! gyp ERR! command "D:\\npmm\\node.exe" "D:\\npmm\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "configure" "--fallback-to-build" "--library=static_library" "--module=C:\\Users\\ZakFi\\OneDrive\\Desktop\\h\\vue-practice-youtube-master\\node_modules\\grpc\\src\\node\\extension_binary\\node-v93-win32-x64-unknown\\grpc_node.node" "--module_name=grpc_node" "--module_path=C:\\Users\\ZakFi\\OneDrive\\Desktop\\h\\vue-practice-youtube-master\\node_modules\\grpc\\src\\node\\extension_binary\\node-v93-win32-x64-unknown" "--napi_version=8" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v93" "--python=python2.7" "--msvs_version=2015"
npm ERR! gyp ERR! cwd C:\Users\ZakFi\OneDrive\Desktop\h\vue-practice-youtube-master\node_modules\grpc        
npm ERR! gyp ERR! node -v v16.3.0
npm ERR! gyp ERR! node-gyp -v v7.1.2
npm ERR! gyp ERR! not ok
npm ERR! node-pre-gyp ERR! build error
npm ERR! node-pre-gyp ERR! stack Error: Failed to execute 'D:\npmm\node.exe D:\npmm\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js configure --fallback-to-build --library=static_library --module=C:\Users\ZakFi\OneDrive\Desktop\h\vue-practice-youtube-master\node_modules\grpc\src\node\extension_binary\node-v93-win32-x64-unknown\grpc_node.node --module_name=grpc_node --module_path=C:\Users\ZakFi\OneDrive\Desktop\h\vue-practice-youtube-master\node_modules\grpc\src\node\extension_binary\node-v93-win32-x64-unknown --napi_version=8 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v93 --python=python2.7 --msvs_version=2015' (1) 
npm ERR! node-pre-gyp ERR! stack     at ChildProcess.<anonymous> (C:\Users\ZakFi\OneDrive\Desktop\h\vue-practice-youtube-master\node_modules\grpc\node_modules\node-pre-gyp\lib\util\compile.js:83:29)
npm ERR! node-pre-gyp ERR! stack     at ChildProcess.emit (node:events:394:28)
npm ERR! node-pre-gyp ERR! stack     at maybeClose (node:internal/child_process:1067:16)
npm ERR! node-pre-gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:301:5)
npm ERR! node-pre-gyp ERR! System Windows_NT 10.0.19043
npm ERR! node-pre-gyp ERR! command "D:\\npmm\\node.exe" "C:\\Users\\ZakFi\\OneDrive\\Desktop\\h\\vue-practicebuild" "--library=static_library"
npm ERR! node-pre-gyp ERR! cwd C:\Users\ZakFi\OneDrive\Desktop\h\vue-practice-youtube-master\node_modules\grpc
npm ERR! node-pre-gyp ERR! node -v v16.3.0
npm ERR! node-pre-gyp ERR! node-pre-gyp -v v0.12.0
npm ERR! node-pre-gyp ERR! not ok

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\ZakFi\AppData\Local\npm-cache\_logs\2021-06-23T16_18_47_135Z-debug.log

Что это за чудо ошибки в npm при запуске "npm i"?

А как мне из проекта искоренить его?

Что это за чудо ошибки в npm при запуске "npm i"?

profesor08, package.json в студии:

{
  "name": "vue-youtube",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "core-js": "^2.6.5",
    "firebase": "^5.9.3",
    "materialize-css": "^1.0.0-rc.2",
    "register-service-worker": "^1.6.2",
    "vue": "^2.6.6",
    "vue-router": "^3.0.1",
    "vuelidate": "^0.7.4",
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.5.0",
    "@vue/cli-plugin-pwa": "^3.5.0",
    "@vue/cli-service": "^3.5.0",
    "node-sass": "^4.9.0",
    "sass-loader": "^7.1.0",
    "vue-template-compiler": "^2.5.21"
  }
}

Что это за чудо ошибки в npm при запуске "npm i"?

RAX7, Не особо понял решение, которое там описывается

Что это за чудо ошибки в npm при запуске "npm i"?

RAX7, теперь отображает такое:

npm ERR! code 1
npm ERR! path C:\Users\ZakFi\OneDrive\Desktop\vue-practice-youtube-master\node_modules\grpc
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node-gyp rebuild
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using node-gyp@3.8.0
npm ERR! gyp info using node@16.3.0 | win32 | x64
npm ERR! (node:9648) [DEP0150] DeprecationWarning: Setting process.config is deprecated. In the future the property will be read-only.
npm ERR! (Use `node --trace-deprecation ...` to show where the warning was created)
npm ERR! gyp info spawn C:\Python27\python.exe
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args   'C:\\Users\\ZakFi\\OneDrive\\Desktop\\vue-practice-youtube-master\\node_modules\\node-gyp\\gyp\\gyp_main.py',
npm ERR! gyp info spawn args   'binding.gyp',
npm ERR! gyp info spawn args   '-f',
npm ERR! gyp info spawn args   'msvs',
npm ERR! gyp info spawn args   '-G',
npm ERR! gyp info spawn args   'msvs_version=2015',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\ZakFi\\OneDrive\\Desktop\\vue-practice-youtube-master\\node_modules\\grpc\\build\\config.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\ZakFi\\OneDrive\\Desktop\\vue-practice-youtube-master\\node_modules\\node-gyp\\addon.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\ZakFi\\.node-gyp\\16.3.0\\include\\node\\common.gypi',
npm ERR! gyp info spawn args   '-Dlibrary=shared_library',
npm ERR! gyp info spawn args   '-Dvisibility=default',
npm ERR! gyp info spawn args   '-Dnode_root_dir=C:\\Users\\ZakFi\\.node-gyp\\16.3.0',
npm ERR! gyp info spawn args   '-Dnode_gyp_dir=C:\\Users\\ZakFi\\OneDrive\\Desktop\\vue-practice-youtube-master\\node_modules\\node-gyp',
npm ERR! gyp info spawn args   '-Dnode_lib_file=C:\\Users\\ZakFi\\.node-gyp\\16.3.0\\<(target_arch)\\node.lib',
npm ERR! gyp info spawn args   '-Dmodule_root_dir=C:\\Users\\ZakFi\\OneDrive\\Desktop\\vue-practice-youtube-master\\node_modules\\grpc',
npm ERR! gyp info spawn args   '-Dnode_engine=v8',
npm ERR! gyp info spawn args   '--depth=.',
npm ERR! gyp info spawn args   '--no-parallel',
npm ERR! gyp info spawn args   '--generator-output',
npm ERR! gyp info spawn args   'C:\\Users\\ZakFi\\OneDrive\\Desktop\\vue-practice-youtube-master\\node_modules\\grpc\\build',
npm ERR! gyp info spawn args   '-Goutput_dir=.'
npm ERR! gyp info spawn args ]
npm ERR! gyp: Undefined variable module_name in binding.gyp while trying to load binding.gyp
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: `gyp` failed with exit code: 1
npm ERR! gyp ERR! stack     at ChildProcess.onCpExit (C:\Users\ZakFi\OneDrive\Desktop\vue-practice-youtube-master\node_modules\node-gyp\lib\configure.js:345:16)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:394:28)
npm ERR! gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12)      
npm ERR! gyp ERR! System Windows_NT 10.0.19043
npm ERR! gyp ERR! command "D:\\npmm\\node.exe" "C:\\Users\\ZakFi\\OneDrive\\Desktop\\vue-practice-youtube-master\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild"
npm ERR! gyp ERR! cwd C:\Users\ZakFi\OneDrive\Desktop\vue-practice-youtube-master\node_modules\grpc
npm ERR! gyp ERR! node -v v16.3.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\ZakFi\AppData\Local\npm-cache\_logs\2021-06-23T14_37_52_442Z-debug.log

Что это за чудо ошибки в npm при запуске "npm i"?

Sand, да

Как сделать раскрывающуюся таблицу?

stimul777, так внутри таблицы и делаешь) Вот делаешь так:
у тебя есть data в которой есть
table: 0.
А на всяких строчках делаешь обработчик на @click='table = 1' или с другим числом.
На твоих таблицах ты кидаешь проверку через v-if, к примеру v-if='table == 1'

Как сделать раскрывающуюся таблицу?

И так далее создаёшь и создаёшь...