Solve the click-lab option problem for the Cascader component of elementUi
Posted on April 8, 2023, 5:24 a.m. by Sarah Stewart
Category:
The front end
Tag:
The front end
element
Since the product does not want the previous checkbox, it also needs to be selected by clicking lable
Look at n more schemes in front of the box do not know how to hide, but click lable can be selected effect is still very simple.
How it works: The change event of the elementUI component is placed on the preceding radio, and the span after redio does not register the event. You just need to manually register the component on the span to call the radio event.
setInterval(function () { document.querySelectorAll('.el-cascader-node__label').forEach(el = { el.onclick = function () { if (this.previousElementSibling) this.previousElementSibling.click() } }) }, 1000) },Copy the code
And we're done!