|
菜单
×
×
正确！
练习提供正确的代码，使 <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 个练习的分数。
您确定要继续吗？