vue代码练习测试 -提供正确的代码，以便<div>元素在右键单击时改变颜色。

×

正确！

提供正确的代码，以便 <div> 元素在右键单击时改变颜色。

ALSO, add code so that the default drop down menu that appears when you right click a web page, is not shown.

<div id="app"> <div v-on:click.@(13)="changeColor" v-bind:style="{backgroundColor:'hsl('+bgColor+',80%,80%)'}"> <p>Press right mouse button here.</p> </div> </div> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script> const app = Vue.createApp({ data() { return { bgColor: 0 } }, methods: { changeColor() { this.bgColor+=50 } } }) app.mount('#app') </script>

<div id="app"> <div v-on:click.right.prevent="changeColor" v-bind:style="{backgroundColor:'hsl('+bgColor+',80%,80%)'}"> <p>Press right mouse button here.</p> </div> </div> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script> const app = Vue.createApp({ data() { return { bgColor: 0 } }, methods: { changeColor() { this.bgColor+=50 } } }) app.mount('#app') </script>

不正确

点击这里再试一次。

正确！

下一个 ❯

VUE - 代码练习:

不正确

正确！

您已经完成了所有 88 个 vue 练习。