vue如何动态添加多个li

Posted 2023-05-03

参考技术A 1、新建html文档，在head标签中引入vue的js文件。
2、在body标签中添加一个id为“app”的div标签。
3、在这个div标签中再添加一个div标签，在vue中添加一个变量数据。
4、用浏览器打开html文档，这时可以在页面中看到被v-html指令添加的html元素。

vue 动态添加样式的方式

一、

<li v-for="(chatting,index) in item" :key="index" :class="{‘user_right‘:chatting.user_id}">

判断chatting中是否有user_id，如果有就追加user_right类名

二、

<p :class="coms===1?‘hear1‘:‘hear‘"></p>

判断coms是否等于1，如果等于就追加hear1类名否则追加hear类名