Beutelevision

by Thomas Beutel

Category: VueJS

Adding special options to select using Vue.js

I get some interesting requests from my clients and some of them are head-scratchers. The beauty of Vue.js is that you can implement almost any behavior and do it fairly simply. In this case, the client wanted to swap in a different Act-On form via an iframe if a certain option was selected. Since the […]

Prevent default in Vue.js after checking value

Here is what I did to prevent a form submit based on a value. In this case, I’m checking to make sure a value is not blank. <form id=”myform” method=”post” v-on:submit=”onSubmit” action=”/path/to/form-handler”> methods: { onSubmit: function(e) { if(this.some_value == ”){ e.preventDefault(); return false; } return true; } },

Getting Vue.js to react on iframe load

I recently needed to pull in a third party form into a page where I was using Vue.js. The form is displayed in an iframe and the adjacent content needed to react to submitting of the form, in this case a header needed to disappear. Here is what I came up with: data: { load_count: […]

I’m really liking Vue.js, especially for existing projects

Vue.js promotes itself as a progressive framework, meaning that you can start small and use as little or as much as you need. I’ve been working on Vue.js projects at both ends, some full fledged projects using vuex, components, and vue-cli, and some projects which are just a single component in an existing web page. […]

vue.js – ERROR in bundle.js from UglifyJs – SyntaxError: Unexpected token punc «(», expected punc «:»

I started playing with vue.js and used vue-cli to scaffold a new project. It all worked well until I tried npm run build. Then I got the following error: ERROR in build.js from UglifyJs SyntaxError: Unexpected token punc «(», expected punc «:» [build.js:8643,6] It took me a while to find the answer, but I found […]