<div class={`this.customerId == msg.counterpartId ? 'msg-left' : 'msg-you' }> <img src="../../../public/th.jpg" alt=""> <div class="avatar">{{ msg.counterpartId }}</div> <div class="msg-text">{{ msg.msg }}</div> </div>怎么修改

你可以修改 `class` 属性绑定的值，来修改 `div` 元素的样式类。具体来说，你可以按照以下方法修改这段代码：

<div :class="this.customerId === msg.counterpartId ? 'msg-left' : 'msg-you'">                     
  <img src="../../../public/th.jpg" alt="">                     
  <div class="avatar">{{ msg.counterpartId }}</div>                     
  <div class="msg-text">{{ msg.msg }}</div>                 
</div>

这里使用了 `:class` 绑定语法来动态绑定样式类，类名表达式 `this.customerId === msg.counterpartId ? 'msg-left' : 'msg-you'` 会根据 `customerId` 和 `counterpartId` 的值来判断要添加的样式类。如果 `customerId` 等于 `counterpartId`，则添加 `msg-left` 样式类，否则添加 `msg-you` 样式类。

另外，注意在模板中不需要使用 `this` 关键字，只需要直接使用变量名即可。因此，你可以将 `this.customerId` 修改为 `customerId`，代码会更加简洁清晰。