首页 / 知识
怎么带数据绑定 class？
2023-04-11 13:13:00
当 isActive 为 true 时，HTML 将被渲染成为：
<p class="active">Hi</p>
如果你的组件有多个根元素，你需要定义哪些部分将接收这个类。可以使用 $attrs 组件属性执行此操作：
实例
<div id="app">
<runoob class="classA"></runoob>
</div>
<script>
const app = Vue.createApp({})
app.component('runoob', {
template: `
<p :class="$attrs.class">I like runoob!</p>
<span>这是一个子组件</span>
`
})
app.mount('#app')
</script>
注意：template 中 ` 是反引号，不是单引号 '。
以上实例 div class 渲染结果为：
<div id="app" data-v-app=""><p class="classA">I like runoob!</p><span>这是一个子组件</span></div>
|
最新内容
相关内容
python怎么显示日期
python怎么显示日期，时间，单位，管理，培训，浮点，标准，项目，日期，格式，时钟，Python程序能用很多方式处理日期和时间，转换日期格式是一个常见的功
python如何确定是否为可迭代对象
python如何确定是否为可迭代对象，培训，元素，索引，对象，整数，字典，函数，类型，下标，模块，迭代可以理解为，任意的集合使用for循环遍历python中，迭
python一个数的平方怎么表示
python一个数的平方怎么表示，培训，平方根，个数，函数，模块，表示，方法，表达式，实例，下面，用python进行数学计算，可以使用python内置的函数模块，下
python怎么调用类方法
python怎么调用类方法，培训，方法，实例，静态，定义，参数，属性，对象，关键字，以上，python中的类用来描述具有相同的属性和方法的对象的集合。它定
python判断一个数是否为int
python判断一个数是否为int，培训，基础，变量，类型，函数，个数，整数，以上，不是，方法，在python中如何判断一个数是不是整数?其实python有两种查看pythonprint函数不要换行怎么写
pythonprint函数不要换行怎么写，培训，灵活，函数，对象，参数，文件，空格，结尾，字符，下面，从语法上讲，调用python3.0的print函数有如下的形式：print
pythonfor循环语句怎么写
pythonfor循环语句怎么写，数据，培训，项目，语句，循环体，实例，教程，时会，字符串，序列，pythonfor循环可以遍历任何序列的项目，如一个列表或者一个
python立方怎么表示
python立方怎么表示，培训，代码，数字，表示，次方，立方，余数，符号，当中，区别，python可以直接运算数字，也可以加print进行运算。>>>1+12>>>2-11>>>
python如何操作mysql数据库
python如何操作mysql数据库，培训，标准，项目，密码，数据库，接口，表字，操作，用户，机子，Python标准数据库接口为PythonDB-API，PythonDB-API为开发
python怎么写多行代码
python怎么写多行代码，代码，培训，情况，示例，字符串，斜杠，方法，行书，括号，有用，在写代码过程中，经常遇到一行代码很长的情况。为了让代码显得整
python怎么输出换行
python怎么输出换行，培训，工作，结果，方法，两个，引号，当中，同行，以上，需求，python在我们常用的print()方法进行输出时，通常输出结果是整行显示
python判断数组list是否为空
python判断数组list是否为空，培训，数组，根据，语句，长度，逻辑，后面，表示，以上，条件，判断数组为空，是一个常见用法。python–方法：根据长度判断长