VUE用函数怎么改变div属性值?

问题遇到的现象和发生背景

要实现一个功能,点击按钮A后,将某一个divB的宽度变为70%,有没有一个函数能做到?

用代码块功能插入代码,请勿粘贴截图

const obj1 = document.getElementsByClassName("edit_container");

运行结果及报错内容

获取该元素后,后面该怎么写?

原生js还是vue?看题主代码是原生js,原生js getElementsByClassName得到的是dom集合,获取dom后设置style.width='70%'即可。如下

<div class="edit_container" style="height:200px;background:#ccc"></div>
<input type="button" value="设置容器为70%" id="btnSet" />

<script>
    document.getElementById('btnSet').onclick = function () {

        const obj1 = document.getElementsByClassName("edit_container")[0];
        obj1.style.width='70%'
    }
</script>
您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632