vue.js - BinaryDevelop

vue-router使用時にページタイトルを変更する方法は？

質問可能であれば、ルート定義内でタイトルを指定したいです。通常 <head><title> で指定し、ブラウザのタイトルバーに表示されるものです。私のプロジェクトは以下のように設定されています。 main.js import Vue from 'vue' import App from './App.vue' import VeeValidate

2023-09-20 05:28:06
ref'属性の本当の目的は？

質問 input要素の"ref"属性について、本当に混乱しています。私の知識では聞いたことがなく、それについて意味のある資料を見つけることができません。コードはvue.jsの公式文書にあります。 <currency-input v-model="price"></currency-input> これはコンポーネントに関するコードです。 Vue.compone

2023-09-18 02:03:22
Vue - ラッパーコンポーネント内のスロットを下に渡すには？

質問というようなテンプレートで、簡単なラッパーコンポーネントを作ってみました。 <wrapper> <b-table v-bind="$attrs" v-on="$listeners"></b-table> </wrapper> を使って $attrs と $listeners で小道具やイベントの受け渡しをします。

2023-08-29 13:16:47
[解決済み] v-bind:Styleのコンディション

質問簡単な質問ですが、よろしくお願いします。 <div> <figure :style="{ 'background': 'url(' + item.main_featured + ') center no-repeat' }"> </div> APIからのURLが未定義の場合、style属性'background'が色を返すようにしたい。

2023-07-29 22:47:16
[解決済み] vue.jsでdynamic refを追加する方法は？

質問私は、いくつかの動的な <input> 要素があります。私は ref プロパティを追加する必要があります。どのようにvueでこれを行うには？ <div v-for="(result, index) in data" :key="index"> <input type="text" type="file" ref="element" /&g

2023-06-14 21:15:28
[解決済み] Vue.jsでv-forのインデックスを取得する方法は？

質問以下のようなVueコンポーネントがあります。 <div v-for="item in items" :key="there I want get the for-loop index" > </div> ... data(){ items: [{name:'a'}, {name:'b'}...] } vue.jsでfor-loopを実行した

2023-06-12 23:35:55
[解決済み] Vue コンポーネントのデータ関数で props にアクセスする

質問コンポーネントにpropsを渡しています。 <template> {{messageId}} // other html code </template> <script> export default { props: ['messageId'],

2023-04-30 15:07:03
[解決済み] vue-cli-service が内部コマンドまたは外部コマンドとして認識されない場合の対処方法

質問を実行しようとすると、エラーが発生します。 npm run serve . 最初にnode.jsをインストールし、次にvueをインストールし、さらにvue/cliもインストールしました。しかし、私が-> npm run serveとしてサーバを実行しようとしているとき、私は 'vue-cli-service' is not recognized as an internal o

2023-03-20 11:33:39
[解決済み] Vueでルートの現在の名前を取得する方法は？

質問私はvue-routerの現在のルートの名前を取得したい、私は別のコンポーネントへのナビゲーションを持つコンポーネントメニューを持っているので、私は現在のルートの名前を表示したい。私はこれを持っています。 created(){ this.currentRoute; //this.nombreRuta = this.$route.name; }, computed:{

2023-03-17 21:13:49
[解決済み] Vueの単一ファイルコンポーネントで画像をインポートして使用するには？

質問 Vueのシングルファイルコンポーネントで画像をインポートして使用する方法について、簡単なはずなのですが、いくつかの問題に直面しています。誰かがこれを行う方法について私を助けることができますか？ここに私のコードスニペットがあります。 <template lang="html"> <img src="zapierLogo" /> </template

2023-03-10 07:16:31
[解決済み] VueJSは親コンポーネントから子コンポーネントのデータにアクセスする

質問私は vue-cli scaffold for webpackを使用しています。私のVueのコンポーネント構造/階層構造は、現在以下のようになっています。アプリ PDFテンプレート背景動的なテンプレート画像静的テンプレート画像マークダウンアプリのレベルでは、子コンポーネントのすべてのデータを単一のJSONオブジェク

2023-02-26 11:37:28
[解決済み] VueJs Propsに複数のデータ型を追加する方法は？

質問コンポーネントに異なる値を渡すと、このエラーが発生しました。どのように解決するのですか？私が見つけた解決策を紹介します。 props: { value: [Number, String, Array] }

2023-02-08 22:03:26
[解決済み] コンポーネントを正しく登録しましたか？再帰的なコンポーネントの場合は、必ず "name "オプションを指定してください。

質問私が設定した 'i-tab-pane': Tabpane を設定しましたが，エラーとなりました． <template> <div class="page-common"> <i-tabs> <i-tab-pane label="wx"> content </i-tab-pan

2023-01-30 20:37:46
[解決済み] div 内のボタンをクリックしたときに親がクリックされないようにする。

質問の機能を無効にすることは可能でしょうか？ <div> 要素にある関数が実行されないようにすることはできますか？ button要素をクリックすると、関数が toggleSystemDetails はトリガーされるべきではないですか？これはVueで可能ですか？ <div v-on:click="toggleSystemDetails($event, syste

2023-01-18 19:36:39
[解決済み] 'v-slot' ディレクティブはどんな修飾子もサポートしません。

質問 vuetifyのdatatableを使用していますが、以下のようにいくつかのpropsで異なるスロットを持っています。 <template #header.data-table-select="{ on, props }"> <v-simple-checkbox color="purple" v-bind="props" v-on="on"><

2023-01-06 23:59:12
[解決済み] .$mount()とelの違いについて【Vue JS

質問このコードの違いは何ですか？ new Vue({ data () { return { text: 'Hello, World' }; } }).$mount('#app') とこれです。 new Vue({ el: '#app', data () { return {

2023-01-04 09:47:26
[解決済み] Vuexで1つのモジュールから別のモジュールの状態を変更する

質問 vuexストアに2つのモジュールがあります。 var store = new Vuex.Store({ modules: { loading: loading posts: posts } }); モジュールの中で loading で、プロパティ saving のどちらかを設定することができます。 true または f

2023-01-01 17:06:12
[解決済み] VueJSのルータリンクアクティブスタイルの作り方

質問現在、私のページにはNavigation.vueコンポーネントがあります。それぞれのナビゲーションをhoverとactiveにしたいのです。hover "は機能しますが、"active "は機能しません。 Navigation.vueのファイルはこんな感じです。 <template> <div> <nav class=

2022-11-30 12:40:27
[解決済み] V-modelと子コンポーネント？

質問フォームを作成し、v-modelを使用して入力をバインドしています。 <input type="text" name="name" v-model="form.name"> 次に、入力を取り出して独自のコンポーネントにしたいのですが、子コンポーネントの値を親オブジェクトにどのようにバインドするのでしょうか。 form.name ? どのように解決するのですか？

2022-11-25 19:34:58
[解決済み] v-slot:activator="{ on }" の意味。

質問を見るとの Vuetify のサンプルコードを見ると v-toolbar の目的は何でしょうか？ v-slot:activator="{ on }" ? 例えば <template v-slot:activator="{ on }"> <v-toolbar-title v-on="on"> <span>All</span

2022-11-22 15:05:07

最新

おすすめ