vue-component

问题 I'm trying to make use of the main component inside another with pre-defined properties. Here's what I'm trying to achieve, but I'm just getting an empty div as a result. <template> <call-dialog-link :id="id" :url=url" message="Are you sure you wish to remove this record?" label="Remove" css-classes="alert" ></call-dialog-link> </template> <script> import CallDialogLink from './CallDialogLink.vue'; export default { props: { id: { type: String, required: true }, url: { type: String, required:

问题 Trying to build a component that works with daepicker and using v-model to bind the input value. But the input event does not appear to be firing and I can’t seem to figure out why. Here’s my component: <div id="app"> <datepicker v-model="date"></datepicker> </div> Vue.component('datepicker', { template: '<input type="text" class="form-control pull-right" placeholder="dd/mm/aaaa" autocomplete="off">', mounted: function() { $(this.$el).datepicker({ autoclose: true, startView: 'years', }).on(

问题 I added a required prop to my component class using vue-property-decorator , but when I tried using the component without the prop, I didn't see any console errors that indicate the required prop is missing. Why? export default class Test extends Vue { @Prop() private message!: string; } The following code yields no errors as expected: <test message="Hello" /> The following code should result in an error but doesn't: <test /> 回答1: The @Prop decorator takes a PropOptions object, which contains

问题 The following code is meant to display several products displayed by brand. when you press the brand's button it will display its products. this is working fine however I've added a filter to the brands logo so it looks grey until you hover over it. now i want that filter to change to none once you press the button. So far I've only accomplished to remove the filter from all brands which defeats the purpose of highlighting the pressed button. How can i apply the class active to only one

问题 The following code is meant to display several products displayed by brand. when you press the brand's button it will display its products. this is working fine however I've added a filter to the brands logo so it looks grey until you hover over it. now i want that filter to change to none once you press the button. So far I've only accomplished to remove the filter from all brands which defeats the purpose of highlighting the pressed button. How can i apply the class active to only one

问题 I'm using Nuxt.js for building a static website. How to access in component's script code currently displayed route name (I would like to avoid reading direct url from browser location)? Can I somehow access $route.name ? 回答1: yes you can use vuejs route objects like $route.name or $route.path $nuxt.$route.path return current path $nuxt.$route.name The name of the current route, if it has one. Route Object Properties A route object represents the state of the current active route. It contains

问题 I'm using Nuxt.js for building a static website. How to access in component's script code currently displayed route name (I would like to avoid reading direct url from browser location)? Can I somehow access $route.name ? 回答1: yes you can use vuejs route objects like $route.name or $route.path $nuxt.$route.path return current path $nuxt.$route.name The name of the current route, if it has one. Route Object Properties A route object represents the state of the current active route. It contains

问题 I read on this docs : https://github.com/pqina/vue-filepond I try to add like this : <FilePond allowMultiple="true" accepted-file-types="image/jpg, image/jpeg, application/pdf" maxFileSize="2MB" required="true"/> multiple, validation file type, max file works But, required does not works How can I solve this problem guys? 回答1: Using the v-bind:required prop works: <form method="post" action=""> <file-pond v-bind:required="true"/> <button type="submit">submit</button> </form> Related GitHub

问题 I want to ask methods: { allowedDates(date) { console.log(date) } }, it will console.log all date on every month selected But if I add script ajax/async like this : methods: { allowedDates(date) { console.log(date) this.getData({appDate: date}); // this is async/call ajax on the vuex store } }, it's async without stopping is allowedDate not usable for async or ajax? docs : https://vuetifyjs.com/en/components/date-pickers#date-pickers-allowed-dates Update I try to testing for make sure like

问题 I want to ask methods: { allowedDates(date) { console.log(date) } }, it will console.log all date on every month selected But if I add script ajax/async like this : methods: { allowedDates(date) { console.log(date) this.getData({appDate: date}); // this is async/call ajax on the vuex store } }, it's async without stopping is allowedDate not usable for async or ajax? docs : https://vuetifyjs.com/en/components/date-pickers#date-pickers-allowed-dates Update I try to testing for make sure like