vue 使用inserted 可以获取到<button type="button" class="el-button el-button--textel-button--smal1"> <span>禁用</span></button> 中禁用这两个字吗
时间: 2023-12-11 16:03:11 浏览: 68
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
可以的,你可以使用 `el.innerText` 或者 `el.textContent` 来获取到 `<span>` 标签中的文本内容。具体实现可以参考下面的代码:
```javascript
Vue.directive('disable-text', {
inserted: function (el) {
const span = el.querySelector('span');
if (span) {
const text = span.innerText || span.textContent;
console.log(text); // 输出:禁用
}
}
})
```
然后在你的模板中使用 `v-disable-text` 指令即可:
```html
<button type="button" class="el-button el-button--text el-button--small" v-disable-text> <span>禁用</span></button>
```
阅读全文