How is the cancellation event triggered in mint-ui search?

clipboard.png
this ui framework, api document, no description

Mar.05,2021

have you solved the problem? I also encountered this problem. I don't know how to solve


.

the official API does not provide a method. I rewrote this search;

myself.
<div class="mint-searchbar">
      <div class="mint-searchbar-inner">
        <i class="mintui mintui-search"></i>
        <input
        ref="input"
        @input="search"
        @keyup.enter="search"
        @click="searchRecordShow"
        type="search"
        v-model="currentValue"
        :placeholder="placeholder"
        class="mint-searchbar-core">
      </div>
      <a
        class="mint-searchbar-cancel"
        @click="searchCancel"
        v-show="visible"
        v-text="cancelText">
      </a>
    </div>

define the above method by yourself


when you click cancel, the value value is empty. You can listen to the value trigger function. The official document of


mint UI really hurts. There is no way to customize the method of canceling this search box. If you want to achieve more functions, you can only write a search component


.

tried to modify Mint-UI 's Search component for half a day,

it turns out that the node_modules/mint-ui/lib/index.js file should be modified, otherwise it won't take effect!

packaged garbage, dregs!

rubbish!

Menu