<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <a id="vueController" ref="bgcolor" @click="aClick" style="color:red">{{a}}</a> <script> // 需要编译器 new Vue({ el: "#vueController", data:{ a: "点击我", color: "blue" }, methods: { aClick(a){ this.$refs.bgcolor.style.setProperty("color", this.color); this.a="干嘛点我" }, } }) </script> </body> </html>
最后修改于 2020-12-01 10:06:48
如果觉得我的文章对你有用,请随意赞赏
扫一扫支付

