图标显示参考:https://blog.csdn.net/weixin_42040328/article/details/106260267
目标:按钮带图标,实现单选功能。
注:我的图标用的是阿里图标。
<div class="container">
<div class="btn" v-for="(item,index) in info" :key = "index">
<!-- 循环内容 -->
<button class="btn_text" :class="{ active:btn == index}" @click="checked(index)">
<i class="iconfont" v-html="item.icon"></i>
</button>
</div>
</div>
<script>
export default {
data() {
return {
info: [
{
icon: ''
},
{
icon: ''
}