タグ付けされた質問 「vue.js」

ERROR in C:/phpStudy2018/PHPTutorial/WWW/Tms.Web/node_modules/@types/node/globals.d.ts(139,11): 139:11 Interface 'NodeRequire' cannot simultaneously extend types 'Require' and 'RequireFunction'. Named property 'cache' of types 'Require' and 'RequireFunction' are not identical. 137 | 138 | // For backwards compability > 139 | interface NodeRequire extends NodeJS.Require {} | ^ 140 | interface RequireResolve extends NodeJS.RequireResolve {} 141 …

12 typescript  vue.js  webpack 

次のシーケンスが発生しています。 メインスクリーン ロード画面 結果画面 ホームページで、誰かがボタンをクリックすると、私はそれらをロード画面に送ります： this.$router.push({path: "/loading"}); そして、タスクが完了すると、それらは結果画面に送信されます。 this.$router.push({path: "/results/xxxx"}); 問題は、通常、結果からメイン画面に戻りたいが、クリックすると再びロードに送られ、結果に戻るため、無限ループに陥ってしまい、アクセスできないメイン画面に戻ります。 これを修正する方法はありますか？私は理想的には次のようなオプションがあったらいいのに： this.$router.push({path: "/loading", addToHistory: false}); 履歴に追加せずにルートに送信します。

12 javascript  vue.js  vue-router 

dockerがインストールされたUbuntu Linuxを使用します。VMなし。 私はvuejsアプリケーションでDockerイメージをビルドしました。ホットリロードを有効にするには、次のコマンドでdockerコンテナーを起動します。 docker run -it -p 8081:8080 -e "HOST=0.0.0.0" -v ${PWD}:/app/ -v /app/node_modules --name my-frontend my-frontend-image 正常に起動し、のホストブラウザからアクセスできますlocalhost:8081。しかし、ソースファイルに変更を加えて保存すると、F5キーを押す前にブラウザに反映されません（ホットリロードが機能しません）。 以下の詳細： package.json "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", build / webpack.dev.conf.js devServer: { clientLogLevel: 'warning', ... hot: true, ... watchOptions: { //poll: config.dev.poll, //aggregateTimeout: 500, // …

10 docker  vue.js  webpack-dev-server 

私はvue.jsの私の構成APIコンポーネントのためにjestでユニットテストを書いています。 しかし、コンポジションAPIのsetup（）の関数にアクセスできません。 Indicator.vue <template> <div class="d-flex flex-column justify-content-center align-content-center"> <ul class="indicator-menu d-flex justify-content-center"> <li v-for="step in steps" :key="step"> <a href="#" @click="updateValue(step)" :class="activeClass(step, current)"> </a> </li> </ul> <div class="indicator-caption d-flex justify-content-center"> step <span> {{ current }}</span> from <span> {{ steps }}</span> </div> </div> </template> <script lang="ts"> import {createComponent} from '@vue/composition-api'; export …

9 typescript  unit-testing  vue.js  jestjs  vue-composition-api 

私はしばらくVueを使用してきましたが、私の経験は常に、基礎となる反応データが更新された場合に再計算する方法でした。私はSOで矛盾する情報に遭遇しました： 私はこの質問に答えようとしていましたが、そうではないと何度も言われました。 受け入れ答えここでは、「あなたが明示的に呼び出したときにのみ評価されます[方法]。」ことを示しています ドキュメントを検索しましたが、信じられないほど明確なものは何も見つかりませんでした。 それらが反応しない場合、この例はなぜ機能するのですか？ <ul> <li v-for="animal in animals" :key="animal.id"> <span v-if="isAwesome(animal)">{{ animal.name }}</span> </li> </ul> export default { data() { return { awesomeAnimalIds: [], animals: [ { id: 1, name: 'dog' }, { id: 5, name: 'cat' }, { id: 9, name: 'fish' }, ], }; }, created() …

9 vue.js 

基本パスを使用して新しいVueアプリを作成しました。アプリが別のVueアプリに埋め込まれているため、このアプリはrouter-view起動時にをレンダリングしません。このアプリが別のアプリに組み込まれる方法または理由について詳しく知りたい場合は、こちらをご覧ください。 VueアプリをメインVueアプリのコンテナーにマウントする この問題に対する私自身の答え： https://stackoverflow.com/a/58265830/9945420 アプリケーションを起動すると、以外のすべてがレンダリングされますrouter-view。起動時に指定のブラウザURLでリダイレクトしたい。これは私のルーター設定です： import Vue from 'vue'; import Router from 'vue-router'; import One from './views/One.vue'; import Two from './views/Two.vue'; Vue.use(Router); const router = new Router({ base: '/my-embedded-app/', mode: 'history', routes: [ { path: '/', component: One, }, { path: '/two', component: Two, }, ], }); router.replace(router.currentRoute.fullPath); export default …

9 javascript  vue.js  vuejs2  vue-router 

VueアプリでHighchartsを使用しています。 highcharts-vue Highchartsます テンプレートをこのように設定しています <highcharts class="vessChart" ref="chart" style="width:100%" :callback="chartcallback" :options="options" ></highcharts> Vueでチャートのオプションを設定します yAxis:[], series:[], background:[], options: { chart: { borderWidth: 1, marginLeft: 40, marginRight: 2, type:'line', zoomType: 'x', title: { text: '' }, panning:true /*backgroundColor:'lightgrey'*/ }, title: { text: '' }, pane:{ background:[] }, time:{ useUTC:true }, credits:{ enabled:false }, …

8 javascript  vue.js  highcharts 

んvue-apolloビューが変化したときに自動的にクエリを解除？ たとえば、とにルーティングされる2つのビューが/usersあり/ordersます。テーブル/usersへのサブスクリプションとusersテーブルへ/ordersのサブスクリプションがありordersます。 私は上にあった場合は/userページ、でしょうorderサブスクリプションがまだ有効であること？はいの場合、どうすればオフにできますか？

8 vue.js  apollo  vue-apollo 

Ionic Nativeでは、ネイティブプラグイン経由でiBeaconsを使用する可能性があります：https ://ionicframework.com/docs/native/ibeacon サンプルコードは、AngularJSでIonicを使用する人向けに書かれていますが、私はVueJSを使用しており、これを機能させる方法を理解できません。 サンプルコードのAngularバージョン： import { IBeacon } from '@ionic-native/ibeacon/ngx'; constructor(private ibeacon: IBeacon) { } ... // Request permission to use location on iOS this.ibeacon.requestAlwaysAuthorization(); // create a new delegate and register it with the native layer let delegate = this.ibeacon.Delegate(); // Subscribe to some of the delegate's event …

8 vue.js  ionic-framework  ionic4  ionic-native 

vuejs + vuetifyにプロジェクトがありますが、プロジェクトはChromeブラウザーで正常に実行されていますが、Internet Explorer 11でプロジェクトを実行すると、セッションページしか表示されず、ログインボタンをクリックすると、このエラーが発生します 未処理のプロミス拒否SyntaxError：予期された '：' コンソールで、アプリに入るにはログインボタンを2回押す必要があります。ここでは、ページのメインコンテンツが表示されず、サイドバーメニューのみが表示され、メインコンテンツがレンダリングされず、コンソールにエラーが表示されます。 未処理のプロミス拒否NavigationDuplicated：現在の場所（/ dashboard / home / something）へのナビゲートは許可されていません これは私のpackage.jsonです "dependencies": { "@types/leaflet": "^1.5.1", "algoliasearch": "^3.33.0", "amcharts3": "^3.21.14", "auth0-js": "^9.11.3", "axios": "^0.19.0", "babel-polyfill": "^6.26.0", "chart.js": "^2.8.0", "echarts": "^4.2.1", "firebase": "^6.4.2", "instantsearch.css": "^7.3.1", "jquery": "^3.4.1", "leaflet": "^1.4.0", "moment": "^2.22.2", "nprogress": "^0.2.0", "screenfull": "^4.2.1", "slick-carousel": "^1.8.1", "velocity-animate": …

8 javascript  vue.js  internet-explorer-11  vuetify.js 

新しいvueアプリケーションを作成して実行npm install -s monaco-editorした後、App.vueを次のように変更しました。 <template> <div id="app" style="width: 500px; height: 500px;"> <div ref="editor" style="width: 500px; height: 500px;"></div> </div> </template> <script> import * as monaco from 'monaco-editor'; export default { name: 'app', async mounted() { const el = this.$refs.editor; this.editor = monaco.editor.create(el, { value: "console.log('hello world');", language: 'javascript', }); }, }; …

8 javascript  vue.js