vue传一个参数绑定多个class的一种方法
程序员文章站
2022-03-07 19:14:49
...
页面结构:两个页面,一个存放要绑定的数据页面,一个是被绑定的页面,通过prpos绑定
目的:实现传一个数据绑定多个class的内容,
思路:
1,把绑定传递的数据作为数据头,定义不同的数据身体达到绑定不同数据
2.绑定页面判断这个头是否存在,存在就绑上不存在就不绑
代码
数据页面
<template>
<div classprefix="classprefix"></div>
</template>
<style>
.classprefix-content{
}
.classprefix-wrapper{
}
</style>
绑定页面
<template>
<div>
<div :class="classprefix && `${classprefix}-wrapper`"></div>
<div class="contenner" :class="classprefix && `${classprefix}-content`"></div>
</div>
</template>
<script>
export default {
props:['classprefix'],
components: { },
name: "Layout",
};
</script>