創建自定義組件 Vue.js
[英]Creating a custom component Vue3js
我下載了 DataTable 組件vue3-easy-data.table 。 然后我創建了一個自定義組件，我在其中定義了表格的主題。 由於 easy-data.table 使用插槽對表項進行操作，我如何將模板標簽重定向到表而不是自定義組件？ 這是我的自定義組件。 目前，我為擴展 function ...
Vue 3 - 從字符串渲染組件
[英]Vue 3 - Render component from string
我有個問題。 我有一個名為 ValidateCheckboxes 的組件。 ValidateCheckboxes 是經過驗證的復選框列表。 我通過道具將復選框傳遞給這個組件。 看起來像這樣：在這里輸入圖像描述在這里輸入圖像描述我正在使用 v-for 顯示復選框：在這里輸入圖像描述但是我的標簽看起來 ...
在子組件中傳遞 vue 插槽
[英]passing vue slot in child component
有沒有可能像這樣在更深的嵌套子組件中訪問 Vue 插槽？ 我想將 HTML 從父組件傳遞給更深的子組件。 ...
Vue 3: 訪問放置在插槽中的 VueComponent object
[英]Vue 3: access VueComponent object placed in slots
我正在處理選項卡組件，我想通過在 Vue 2.x 中獲取名為“標簽”的子插槽來呈現父組件中的選項卡標簽，我可以通過在 Tabs.vue 中引用選項卡組件的$slots屬性來解決這個問題:<template> <section class="tabs"> < ...
Vue 插槽不起作用 - 子元素顯示為空數組
[英]Vue slot not working - child elements show as empty array
我有以下代碼，我試圖通過slots將單個選項卡組件傳遞到選項卡組件中。 但是，選項卡似乎沒有通過。 將{{ tabs }}放在模板上只會顯示一個空數組。 我像這樣在父級中注冊了我的組件： 該模板非常簡單。 請注意，當selected="true"時，各個選項卡的內容顯示正常 我檢查了瀏覽器控制台，雖 ...
(Vue) 在插槽內容中讀取父級的道具
[英](Vue) Reading parent's props in slot content
我有一個表格組件，它采用“變體”道具，它簡單地規定了一些要應用的 css 樣式。 我使用它如下： 如您所見，表格行和單元格也需要變體道具。 表格行只是填充 BaseTable.vue 中的默認<slot></slot> 。 我很想將變體屬性傳遞給在該插槽中呈現的項目，這樣 ...
是否可以像在 Vue 中一樣在 neos fusion afx 中定義插槽？
[英]Is it possible to define slots in neos fusion afx like you can in Vue?
在 Vue.js 中，除了我的默認插槽之外，我還可以為我的組件定義命名插槽： <article> <header> <slot name="header"> <h2>Default heading</h2> ...
如何防止重復調用創建的鈎子？
[英]How to prevent double invoking of the hook created?
所以我的vue3項目有問題。 要點：我需要為某些用例支持不同的布局：授權、用戶配置文件的布局、組的布局等。我通過這種方式得到了機會： 創建一個組件AppLayout.vue用於管理布局<template> <component :is="layout"> ...
Vue：將數據從子級切換到父級的按鈕
[英]Vue: Toggle Button with Data from Child to Parent
我有一個包含許多容器的父組件。 每個容器都有一個圖像和一些按鈕。 我已經過度簡化了下面的父子組件。 單擊子組件中的按鈕時，我想在父容器中的元素上切換 class 。 我想單獨影響每個圖像，而不是全局。 我該怎么做呢？ 家長：<template> <div> < ...
如何將默認類添加到 vue 中的第一個孩子
[英]How to add default class to first child in vue
我有一個標簽組件： 它有一個子組件 Tab，我正在調用 API 來獲取產品。 每個產品都有變體，每個變體都有名稱。 這就是我的顯示方式： 但這里的問題是所有 Tab 組件都有一個“tabs__tab_active”類。 但默認情況下，我只想要第一個孩子。 那么你有什么想法嗎？ ...
如何使嵌套插槽的道具（Vue 2）可以訪問父數據？
[英]How to make parent data accessible to nested slots' props (Vue 2)?
在高層次上，假設我有： 通過這種方式，我可以從父級范圍內傳遞任意數據，而直接子級可以訪問該數據。 但是，如果孩子也有插槽，那么該孩子的孩子將失去祖父母插槽的上下文（除非我手動從孩子那里公開來自其插槽模板中的父母的數據，我猜）。 這些嵌套的插槽甚至可以更深入地用於曾孫。 有沒有辦法讓父數據可用於 ...
每個產品的模態 window (Vue.js)
[英]Modal window for each product (Vue.js)
我正在開發一個小型在線商店 (Vue.js) 我有幾種名稱和價格不同的產品。 每個產品都有一個“詳細信息”按鈕。 我想要一個模態 window 當我單擊“詳細信息”按鈕時顯示該產品的名稱和價格。 目前，我總是只顯示第一個產品的數據。 我不知道如何顯示我點擊的產品的數據。 我大致了解您需要使用“th ...
Vue3 手動渲染插槽內容
[英]Vue3 Manually Render Slot Content
我正在嘗試解析插槽的內容並在多個位置呈現內容。 這個想法是創建一個向導，允許每個步驟都包含在一個組件中。 像這樣： 向導組件定義：<ul> <li v-for="icon in icons">{{icon}}<li> </ul> <sec ...
使用槽確定可點擊的元素/觸發不可見 type="file" 輸入標簽的輸入事件
[英]Using slots to determine the element that is clickable/triggers the input event of an invisible type="file" input tag
我有一個基本組件，應該能夠將多個文件上傳到 Firestore。 由於我希望能夠在我的應用程序中的多個點上使用此組件，因此我想利用插槽，以便我可以更改覆蓋隱藏輸入標簽的元素。 所以不管是一個按鈕，一個svg等等，我還是想讓輸入觸發點擊事件。 目前，只有默認的img標簽可以觸發@change事件。 我 ...
從插槽模板中訪問當前組件數據
[英]Access current component data from within slot template
我有以下 vue 組件<template> <CardGroup> <template #headerRight> <div>Total items: {{ this.total }}</div> ...
Vue：在渲染的命名槽內訪問 Vue 組件方法
[英]Vue: Access Vue component method inside rendered named slot
如何訪問在組件的命名槽內呈現的 Vue 組件的功能？ 我有以下結構： 父組件.vue 實用組件.vue 子組件.vue 在UtilComponent中，我想訪問ChildComponent的myFunction() （單擊按鈕時，不在安裝時）。 我曾嘗試在 UtilComponent 中使用this ...
在 Vue 模板槽中使用父槽變量
[英]Use parent slot variables in Vue template slot
我有一個簡單的FormComponent ： 當我使用組件時： 輸入字段已正確插入組件，但插槽中的:disabled="!isEditing"沒有對isEditing中FormComponent的更改做出反應。 Vue 文檔非常好，但它並沒有涵蓋每個邊緣情況。 ...
Vue.JS - 當父級重新渲染時避免重新渲染插槽
[英]Vue.JS - Avoid re-rendering of slots when parent re-renders
我在 Vue.JS 上苦苦掙扎，它的子組件/插槽包含一些帶有 canvas 數據（例如地圖）的“復雜”組件。 我想避免當父組件重新渲染時，它們的內部插槽重新渲染。 由於這些組件的工作方式（或任何其他場景），每次重新渲染時都需要執行所有“加載”步驟。 即使保存他們的實時 state。 例如： 組件.v ...
如何將單元格模板傳遞給帶有 b-table 的組件？
[英]How to pass cell templates to a component with b-table?
我創建了一個顯示各個頁面的表格數據的組件。 該組件在內部使用b-table 。 現在對於幾個頁面，我想自定義一些列的呈現，並且引導表允許使用具有特殊語法的范圍字段槽： 其中字段 - 列名，來自我的列數組，以及 data.item - 要呈現的單元格項目。 問題是我對不同的頁面有不同的字段，所以 ...
我無法獲取要顯示在我的插槽中的信息
[英]I cannot get information to display in my slot
我覺得這應該是超級簡單的，所以這讓它更加混亂。 我無法將 EventCard 中的文本放入 BaseIcon 插槽。 我的 BaseIcon 組件看起來像這樣...... 我的 EventCard 組件看起來像這樣.. 在不使用插槽的情況下一切正常。 圖標顯示，但文本和attendees. ...