screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <h3>Vue Js Change Background Color using Radio Button </h3> <label> <input type="radio" v-model="selectedColor" value="red"> Red </label> <label> <input type="radio" v-model="selectedColor" value="blue"> Blue </label> <label> <input type="radio" v-model="selectedColor" value="green"> Green </label> <div :style="{ backgroundColor: selectedColor }"> This is the content with a background color. </div> </div> <script> new Vue({ el: '#app', data() { return { selectedColor: 'red', } }, }); </script> </body> </html>