タグ付けされた質問 「vuejs2」

サーバーと通信してデータをフェッチするすべての関数をVueJSの単一の再利用可能なファイルに配置したいと考えています。 プラグインは最善の選択肢ではないようです。テンプレートの少ないコンポーネント..？

95 service  vue.js  vuejs2 

var MainTable = Vue.extend({ template: "<ul>" + "<li v-for='(set,index) in settings'>" + "{{index}}) " + "{{set.title}}" + "<button @click='changeSetting(index)'> Info </button>" + "</li>" + "</ul>", data: function() { return data; } }); Vue.component("main-table", MainTable); data.settingsSelected = {}; var app = new Vue({ el: "#settings", data: data, methods: { changeSetting: function(index) …

95 javascript  vue.js  vuejs2  vue-component 

私のvueコンポーネントは次のとおりです： <template> <div> <div class="panel-group" v-for="item in list"> ... <div class="panel-body"> <a role="button" data-toggle="collapse" href="#purchase-{{ item.id }}" class="pull-right" aria-expanded="false" aria-controls="collapseOne"> Show </a> </div> <div id="purchase-{{ item.id }}" class="table-responsive panel-collapse collapse" role="tabpanel"> ... </div> </div> </div> </template> <script> export default { ... computed: { list: function() { return this.$store.state.transaction.list }, ... …

92 vue.js  vuejs2  vue-component 

私はVuejsを初めて使用します。何かを作ったが、それが簡単で正しい方法かどうかはわからない。 私が欲しいもの 配列にいくつかの日付が必要で、イベントでそれらを更新します。最初にVue.setを試しましたが、うまくいきませんでした。配列アイテムを変更した後： this.items[index] = val; this.items.push(); 配列に何もプッシュ（）しないと更新されます。しかし、最後の項目が非表示になることがあります。どういうわけか...このソリューションは少しハックだと思います。どうすれば安定させることができますか？ 簡単なコードはここにあります： new Vue({ el: '#app', data: { f: 'DD-MM-YYYY', items: [ "10-03-2017", "12-03-2017" ] }, methods: { cha: function(index, item, what, count) { console.log(item + " index > " + index); val = moment(this.items[index], this.f).add(count, what).format(this.f); this.items[index] = val; this.items.push(); console.log("arr length: …

92 javascript  vue.js  momentjs  vuejs2 

私のVueコンポーネントは次のようなものです： <template> <div> <div class="panel-group"v-for="item in list"> <div class="col-md-8"> <small> Total: <b>{{ item.total }}</b> </small> </div> </div> </div> </template> <script> export default { ... computed: { list: function() { return this.$store.state.transaction.list }, ... } } </script> 結果{{ item.total }}は 26000000 しかし、私はそれをこのようにフォーマットしたい： 26.000.000,00 jqueryまたはjavascriptで、私はそれを行うことができます しかし、vueコンポーネントでそれを行う方法は？

85 vue.js  vuejs2  vue-component  vuex 

このコードの違いは何ですか： new Vue({ data () { return { text: 'Hello, World' }; } }).$mount('#app') そしてこれ： new Vue({ el: '#app', data () { return { text: 'Hello, World' }; } }) .$mount()代わりに、elまたはその逆を使用することの利点は何ですか？

83 vue.js  vuejs2 

Edgeでポリフィルを機能させるのに非常に苦労しています。私はすべてがうまくいかない様々な試みでドキュメントを追おうとしました。それはpromise.finally具体的には機能していないようです。これはvuexモジュールで発生するため、vue.configの transpileDependenciesにvuexを追加しようとしましたが、うまくいきませんでした。 私のbabel.config.js： module.exports = { presets: [['@vue/cli-plugin-babel/preset', { useBuiltIns: 'entry', }]], }; 私のmain.jsでは、最上部に次の2つのインポートがあります。 import 'core-js/stable'; import 'regenerator-runtime/runtime'; 私のvue.config.js // eslint-disable-next-line import/no-extraneous-dependencies const webpack = require('webpack'); const isProd = process.env.NODE_ENV === 'production'; module.exports = { configureWebpack: { // Set up all the aliases we use in our app. plugins: [ …

15 javascript  vue.js  vuejs2  babel  polyfills 

私はHTMLテーブルに取り組んでいてhtml-to-paper、vue.js を使用してそのテーブルをプリンターに印刷しています。私がしていることは、追加をクリックして新しい行を作成し、クリックして印刷することです私はテーブルを印刷しようとしていますが、空のセルのみを表示するデータ コードApp.vue <template> <div id="app"> <button type="button" @click="btnOnClick">Add</button> <div id="printMe"> <table class="table table-striped table-hover table-bordered mainTable" id="Table"> <thead> <tr> <th class="itemName">Item Name</th> <th>Quantity</th> <th>Selling Price</th> <th>Amount</th> </tr> </thead> <tbody> <tr v-for="(tableData, k) in tableDatas" :key="k"> <td> <input class="form-control" readonly v-model="tableData.itemname" /> </td> <td> <input class="form-control text-right" type="text" min="0" step=".01" …

14 javascript  css  vue.js  printing  vuejs2 

基本パスを使用して新しい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