满口金牙 2022-05-23 14:23 采纳率: 91.1%
浏览 131
已结题

vue3 v-html 插入dom 正确的写法请教?



  <div v-for=" item in menuSide" :id="item.id">
           <span  >{{ item.icon} }{{item.title}}</span>  // 目的 是要这个 icon图标从 menuSide 对象中读取
           icon元素:{{ item.icon} } 这样写肯定是不行的。外面包个dom  这样也不行 <span v-html="item.icon"></span> 
           以前静态的写法:<span  ><history-outlined />{{item.title}}</span>   
          请教正确的写法
   </div>


const menuSide =[
  {id:'1',title:'a',icon:'<history-outlined />',  // <history-outlined /> 是 ang design ui的图标
 },
  {id:'2',title:'a',icon:'<tool-outlined />',    // <tool-outlined /> 是 ang design ui的图标
 },
]

  • 写回答

6条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-05-23 15:12
    关注

    你可以了解下 动态组件

    components is

    循环一下组件名这种,应该是能满足你的需求的

    v-html并不能写自定义组件 楼上给出答案了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题?

问题事件

  • 系统已结题 5月31日
  • 已采纳回答 5月23日
  • 修改了问题 5月23日
  • 创建了问题 5月23日

悬赏问题

  • ¥15 wamp3.3.5安装完成后图标正常显示绿色,鼠标左右键点击图标均无反应。求解决方法。
  • ¥15 鼠标点击的这条记录了什么?
  • ¥15 在写pid调速的程序时,电机始终维持最大速度
  • ¥15 请问如何查看手机root记录?
  • ¥15 商城小程序订单号重复
  • ¥15 学校优化算法sbo和蚁群算法怎么结合
  • ¥21 matlab怎么求时域信号的二阶导数
  • ¥15 判断两个表是否完全相同
  • ¥15 java map类型数据格式,如何快速通过前缀匹配元素
  • ¥15 stc12c5a60s2、QMC5883L、LCD1602组合测量磁场所需程序