|
菜单
×
×
正确！
练习提供正确的代码，以便在右键单击时更改<div>元素的颜色。 此外，添加代码，以便在右键单击网页时出现的默认下拉菜单不显示。 <div id="app"> <div v-on:click.@(13)="changeColor" v-bind:style="{backgroundColor:'hsl('+bgColor+',80%,80%)'}"> <p>请在此处按下鼠标右键。</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>请在此处按下鼠标右键。</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> 不正确点击此处重新尝试。 正确！下一题 ❯ |
这将重置所有 54 个练习的分数。
您确定要继续吗？