How to fix ‘Unchecked runtime.lastError: The message port closed before a response was received’ chrome issue?
I disabled all installed extensions in Chrome – works for me. I have now clear console without errors.
vue.js
Disable input conditionally (Vue.js)
To remove the disabled prop, you should set its value to false. This needs to be the boolean value for false, not the string ‘false’. So, if the value for validated is either a 1 or a 0, then conditionally set the disabled prop based off that value. E.g.: <input type=”text” :disabled=”validated == 1″> Here … Read more
Why does Prettier not format code in VS Code?
How I’ve sorted it after having super huge frustrations with Prettier stopping working in VSCode. Select VS Code -> View -> Command Palette, and type: Format Document With Then Configure Default Formatter… and then choose Prettier – Code formatter. This sorted the problem for me magically. Depending on your case this might help you…
How to listen for ‘props’ changes
You can watch props to execute some code upon props changes: new Vue({ el: ‘#app’, data: { text: ‘Hello’ }, components: { ‘child’ : { template: `<p>{{ myprop }}</p>`, props: [‘myprop’], watch: { myprop: function(newVal, oldVal) { // watch it console.log(‘Prop changed: ‘, newVal, ‘ | was: ‘, oldVal) } } } } }); <script … Read more
How can I get query parameters from a URL in Vue.js?
According to the docs of route object, you have access to a $route object from your components, which exposes what you need. In this case //from your component console.log(this.$route.query.test) // outputs ‘yay’
Vue.js – How to properly watch for nested data
You can use a deep watcher for that: watch: { item: { handler(val){ // do stuff }, deep: true } } This will now detect any changes to the objects in the item array and additions to the array itself (when used with Vue.set). Here’s a JSFiddle: http://jsfiddle.net/je2rw3rs/ EDIT If you don’t want to watch … Read more