el-button 绑定文字
时间: 2024-08-29 09:01:20 浏览: 35
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
5星 · 资源好评率100%
`el-button` 是 Element UI 中的一个按钮组件,它主要用于创建点击交互式的按钮。如果你想在 `el-button` 上绑定文字内容,你可以直接在其内部设置 `type` 属性以及 `label` 或者 `slot`。
例如:
```html
<el-button type="primary">点击我</el-button>
```
这里 `"primary"` 是按钮的基本样式,`"点击我"` 就是绑定的文字内容。如果你想要动态地改变按钮文字,可以使用 slot 元素:
```html
<el-button>
<span slot="default">默认文本</span>
</el-button>
<script>
this.$nextTick(() => {
this.$refs.button.$slots.default[0].textContent = '新文本';
});
</script>
```
在这里,`slot="default"` 指定了默认插槽,然后通过 JavaScript 动态修改插槽的内容。
阅读全文