0
点赞
收藏
分享

微信扫一扫

03 methods中的 this指向

niboac 2022-03-24 阅读 46
vue.js前端

methods中 this 指向vue实例,所以可以直接访问到data里的属性

这里就可以修改url的值 进行图片地址的修改

<body>
    <div id="app">
        <img :src="url">
        <button @click="change">点击</button>
    </div>
</body>

<script>
    new Vue({
        el: "#app",
        data: {
            url: "img/1.png"
        },
        methods: {
            change() {
                this.url = "img/b.png"
            }
        },
    })
</script>
举报

相关推荐

0 条评论