{PE.Label id="通用带图片的信息列表" bindStyle="普通式" titleLength="24" outputQty="8" models="2&

调用方法如下：

{PE.Label id="内容带图片的信息列表" bindStyle="普通式" models="1,2,3" /}——只显示文章模型的信息

{PE.Label id="通用带图片的信息列表" bindStyle="普通式" models="1,2,3"/}——显示文章、图片、软件三种模型的信息

这是由于“内容带图片的信息列表”标签中，参数bindModel（通过模型ID与指定的模型表联合）默认值是1（文章模型id），而“通用带图片的信息列表”标签中的参数bindModel默认值是0（没有联合模型），这就是原因所在。所以调用“内容带图片的信息列表”的时候，记得要将参数bindModel设置为0

作用 :v-bind通常用来绑定属性的，动态地绑定一些 class 类名或 style 样式，格式是v-bind：属性名 = "值"，简写:属性名 = "值"

变量语法 ：v-bind：class = "变量"，变量形式 ,这里的变量的值，通常是在css定义好的类名；

数组语法 ：v-bind：class= "[变量1，变量2]" ，数组形式，其实跟上面差不多，只不过可以同时绑定多个class名；

对象语法 ：v-bind:class = {classname1：boolean，classname2：boolean}，对象形式，这里的classname1（2）其实就是样式表中的类名，这里的boolean通常是一个变量，也可以是常量、计算属性等，这种方法也是绑定class最常用的方式。

Vue3支持使用CSS来定义激活样式。你可以通过在CSS中设置类选择器来设置激活样式，例如：

.active {

background-color: blue

color: white

}

你也可以使用v-bind:class来动态添加激活样式，例如：

<div v-bind:class="{ active: isActive }">...</div>

或者使用v-bind:style来动态添加激活样式：

<div v-bind:style="{ backgroundColor: color }">...</div>

---