vuejs2

0熱

1答えて

私は新しいVueJSの学生です。私はディレクティブを実行しようとしていましたが、理由が分からないので停止しました。私は間違って何をしているのですか？私はちょうどel要素を取得したいです。ここにJSFiddleまたは以下のコードがあります。 HTML <div class="container" id="vue-app"> <ul> <li v-test v-for="ite

0熱

1答えて

Vue.js - コンポーネントを更新する前にアニメーションが終了するまで待ちます

マイページは静的なHTML + JQueryの組み合わせであり、一部はVue.jsで書かれています。私はリアクティブストアの配列を観察し、配列の長さを示す単純なVueカウンタコンポーネントを持っています。また、ストアの配列に何かを追加するボタンがあります。現在、ボタンをクリックすると、カウンタが直ちに更新されます。ボタンがクリックされたときに約1秒間実行されるアニメーション（おそらくJQue

1熱

1答えて

親コンポーネントをクリックして子コンポーネントをロードしますか？

私は、コメントを読み込むボタンコンポーネントを持っています。コメントは別のコンポーネントです。ボタンをクリックすると、どのように子コンポーネントを読み込むことができますか？子コンポーネントでv-ifを使用するのは簡単なケースですか？それとももっと効率的な方法がありますか？ <template> <div class="comment-btn" @click="toggleActive"

0熱

1答えて

どのように私は現在、私のWebアプリケーションがindex.htmlの中に次のようにロードされている別のHTMLページ

にロードするために私VUEインスタンスのいずれかを使用することができます - <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>

1熱

1答えて

vueコンポーネントをマウントする方法は？

は、私は、通常そのように私のコンポーネントをインポート： Vue.component('comments', require('./components/Comments.vue')); しかし、私は手動で状況に応じて.vueファイルをマウントしたいです。ドキュメントの状態： var MyComponent = Vue.extend({ template: '<div>Hello!<

0熱

1答えて

モバイルブラウザのVuejs：100vh

私はmin-height: 100vh のページを持っています。モバイルブラウザでは、いくつかのオーバーフローが発生してレンダリングされます。そして、私はそれを修正するために、このスクリプトを使用します。 methods: { calcVH() { const vH = Math.max(document.documentElement.clientHeight, windo

0熱

3答えて

Vue2がデータ更新を検出する

Vue2とImを使用してメッセージングコンポーネントを作成しています。新しいメッセージが30秒ごとに表示されています。メッセージがあれば、自動的に関連スレッドに挿入されます。データの変更（例えば、新しいメッセージが追加されました。私は新しいメッセージが会話に追加されたアイコンを点滅したいので、私はこれをしたい理由は、ある。ここでは関連性があります私のコードの一部： poll_messages(

1熱

1答えて

同じ小道具を子コンポーネントに繰り返し渡すことを避けるVuejs

私はしばらく検索してみましたが、既にそこにあると思われる回答が見つかりませんでした。私のアプリケーションでは、同じ小道具をさまざまな子コンポーネントに繰り返し渡す必要があることがわかりました。たとえば、親コンポーネントでモーダル可視性を切り替える方法があります。次に、モーダルを切り替えるために、いくつかの子コンポーネントがこのメソッドにアクセスする必要があります。 <nav-bar :

1熱

1答えて

.vueファイルから別の.vueファイルにテンプレートを渡します

私はthisチュートリアルに従おうとしています。私はModal以下のコードを使用しています。ここで <modal v-model="showModal" :animation-duration="animationDuration" :close-on-click-away="closeOnClickAway" > <p slot="header

1熱

1答えて

保存されていない変更があるため、vue.jsコンポーネントの破棄を停止します

私はvuejsを使用しています。ユーザーがデータを保存できるコンポーネントがあります。しかし、ユーザーがデータを保存しておらず、他のルートに移動しようとしたり、コンポーネントを破棄したりする可能性があります。保存されていないデータがあるというメッセージを表示したいと思います。ユーザーが保存していないデータを残したくないと言う場合、ナビゲーションまたはコンポーネントの破棄を停止する必要があります。