使用 inserted 方法时怎么获取 <button type="button" class="el-button el-button--textel-button--smal1"> <span>禁用</span></button> 中的禁用两个字
时间: 2023-12-12 19:02:08 浏览: 26
可以使用以下代码获取到该按钮中的文字:
```python
button = driver.find_element_by_xpath("//button[@class='el-button el-button--text el-button--small']")
text = button.text
print(text)
```
这里使用了 `find_element_by_xpath` 方法来获取该按钮元素,然后使用 `text` 属性来获取按钮中显示的文字。输出结果应该为 `禁用`。
相关问题
vue 使用inserted 可以获取到<button type="button" class="el-button el-button--textel-button--smal1"> <span>禁用</span></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>
```
el-button双点击事件
el-button的双击事件可以通过添加自定义全局指令的方式实现。在main.js中加入以下指令,即可全局使用:
```javascript
Vue.directive('preventReClick', {
inserted(el, binding) {
el.addEventListener('click', () => {
if (!el.disabled) {
el.disabled = true;
el.style.cursor = 'not-allowed';
setTimeout(() => {
el.disabled = false;
el.style.cursor = 'pointer';
}, binding.value || 2000);
}
});
}
});
```
然后,在el-button标签中添加v-preventReClick指令即可:
```html
<el-button type="primary" @click="handleSave" v-preventReClick>保存</el-button>
```