第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

vue怎么動態(tài)渲染虛擬DOM

vue怎么動態(tài)渲染虛擬DOM

四季花海 2019-03-19 16:19:38
在使用Element UI時(shí)碰到一個(gè)問題,想要根據(jù)el-table自定義一個(gè)組件,但是發(fā)現(xiàn)沒法去動態(tài)的渲染el-tabel-col的內(nèi)容。這是官方的使用方法,用slot來自定義內(nèi)容<template>  <el-table    :data="tableData"    style="width: 100%">    <el-table-column      label="日期"      width="180">      <template slot-scope="scope">        <el-button          size="mini"          @click="handleEdit(scope.$index, scope.row)">編輯</el-button>        <el-button          size="mini"          type="danger"          @click="handleDelete(scope.$index, scope.row)">刪除</el-button>      </template>    </el-table-column>  </el-table></template>我現(xiàn)在想定制的是通過自定義cols內(nèi)容來動態(tài)渲染el-table-column,下面是我的代碼<el-table :data="data.list">      <el-table-column v-for="col in cols"                       :key="col.prop"                       :prop="col.prop"                       :label="col.label">      <!-- 此處如何用js代替slot -->      </el-table-column>    </el-table>cols: [      {prop: 'dayTime', label: '日期'},      {prop: 'name', label: '姓名'},      {prop: 'op', label: '操作',renderCell(){    //比如這里寫JSX,怎么才能把動態(tài)生成的虛擬DOM渲染在el-table-column內(nèi)呢          return (               <el-button>編輯</el-button>               <el-button>刪除</el-button>          )      }},      {prop: 'html', label: 'html',renderCell(){    //返回html內(nèi)容配合v-html可以實(shí)現(xiàn)效果但是不能使用vue組件          return '<button>編輯</button>'      }},  ]想問下有什么辦法能實(shí)現(xiàn)以上的功能嗎?
查看完整描述

3 回答

?
30秒到達(dá)戰(zhàn)場

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個(gè)贊

functional組件,render函數(shù)了解一下


查看完整回答
反對 回復(fù) 2019-03-27
?
慕妹3242003

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超6個(gè)贊

你的組件直接用jsx來寫


查看完整回答
反對 回復(fù) 2019-03-27
  • 3 回答
  • 0 關(guān)注
  • 1768 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號