elementui 评分 鼠标划过
时间: 2023-11-21 16:58:39 浏览: 98
axure-elementui.zip
根据您提供的引用内容,我理解您想了解如何在ElementUI评分组件中实现鼠标划过效果。您可以使用ElementUI提供的`hover-tolerance`属性来实现这一效果。该属性定义了鼠标悬停在星星上的时间(以毫秒为单位),在此时间内,评分组件将保持激活状态,直到鼠标移开或单击为止。
以下是一个示例代码,展示如何在ElementUI评分组件中实现鼠标划过效果:
```html
<template>
<el-rate v-model="value" :hover-tolerance="200"></el-rate>
</template>
<script>
export default {
data() {
return {
value: 3
};
}
};
</script>
```
在上面的代码中,我们将`hover-tolerance`属性设置为200毫秒,这意味着当鼠标悬停在星星上超过200毫秒时,评分组件将保持激活状态。
阅读全文