Detaillierte Erläuterung der Verwendung der Renderfunktion der Vue iview-Komponententabelle-js-Tutorial-php.cn

Detaillierte Erläuterung der Verwendung der Renderfunktion der Vue iview-Komponententabelle

亚连

Freigeben： 2018-05-30 10:53:03

Original

5217 Leute haben es durchsucht

Im Folgenden werde ich Ihnen eine detaillierte Erklärung zur Verwendung der Vue-iview-Komponententabellen-Renderfunktion geben. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

Wenn Sie Attribute zum Tag hinzufügen möchten, wie zum Beispiel das src-Attribut in img und das href-Attribut in einem Tag, müssen Sie

attrs zum Hinzufügen anstelle von props verwenden

{
 title: &#39;操作&#39;,
 key: &#39;action&#39;,
 align: &#39;center&#39;,
 render: function (h, params) {
 return h(&#39;p&#39;, [
  h(&#39;Button&#39;, {
  props: {
   type: &#39;primary&#39;,
   size: &#39;small&#39;
  },
  style: {
   marginRight: &#39;8px&#39;
  },
  on: {
   click: function () {
   mCheck.singleShow(params.row);
   }
  }
  }, &#39;查看&#39;),
  h(&#39;Button&#39;, {
  props: {
   type: &#39;error&#39;,
   size: &#39;small&#39;
  },
  on: {
   click: function () {
   mCheck.singleDel(params.row, params.index);
   }
  }
  }, &#39;删除&#39;)
 ]);
 }
}

Nach dem Login kopieren

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

JavaScript-Code implementiert die Upload-Vorschaufunktion von TXT-Dateien

Angular verwendet den Operationsereignisbefehl ng -Klicken Sie auf Beispiel für die Übergabe mehrerer Parameter

Angular verwendet den Filter Groß-/Kleinschreibung, um ein Beispiel für eine Funktion zur Umwandlung von Groß- und Kleinschreibung zu implementieren

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der Renderfunktion der Vue iview-Komponententabelle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!