प्रौद्योगिकी साझेदारी

एलिमेण्ट् कस्टम् हेडर् कथं कार्यान्वितं करोति ?

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

कदाचित् अस्माभिः कस्टम् हेडर् इत्यस्य कार्यान्वयनम् आवश्यकम्, यथा हेडर् इत्यत्र बटन् योजयितुं तथापि कस्टम् हेडर् इत्यस्य उपयोगस्य आधिकारिकं वर्णनं तुल्यकालिकरूपेण सरलम् अस्ति विवरणम् अद्य।

यत्र कस्टम् हेडर् सक्षमं कर्तुं कस्टम् हेडर् आवश्यकं भवति तत्र हेडर् इत्यत्र :render-header इत्यस्य उपयोगं कुर्वन्तु:

<el-table-column :render-header="button"></el-table-column>

button इति कस्टम् मेथड् अस्ति यत् बटन् प्रत्यागन्तुं शक्नोति ।

नोट्: बटन-विधौ प्रत्यागतस्य बटन-तत्त्वस्य कृते, तस्मिन् क्लिक्-विधिं योजयितुं @click अथवा v-on:click इत्यस्य उपयोगं कर्तुं न शक्नुवन्ति । बाणकार्यस्य उपयोगाय, on-click={()=&gt;this.showinfo()}

अत्र एकं बटनं स्थापितं भवति, तथा च वर्तमानकाले कः बटनः क्लिक् कृतः इति अभिलेखयितुं चरः अस्ति:

दत्तांश(){

निर्वतनम्{

isShow: true // बटनं नियन्त्रयितुं चरः, बटनं नुदन्तु

   }

},

विधयः : { .

कड्मल(){

if(this.isShow==सत्यम्){

//यदि बटनं क्लिक् कृतम् अस्ति तर्हि बटनस्य पृष्ठभूमिवर्णं स्विच् कुर्वन्तु

निर्वतनम् (

            <div>

<el-button on-click={()=>this.show()} style="पृष्ठभूमि: #ffc9c9; color:#606266"&gt;按钮।"</el-button>