Mientras usaba el componente OSS " vuejs-paginate ", me encontré con el siguiente escenario: necesitamos pasar un componente como una propiedad; por supuesto, no tenemos acceso al componente Paginate en sí.
Supongo que necesitamos renderizar previamente el componente, obtener el HTML y pasarlo como una cadena a la propiedad "prev-text".
Intenté acceder a la propiedad HTML exterior, que podría ser nuestra solución, pero no tengo idea de dónde representar el componente. (usando SFC)
Vue.component('paginate', VuejsPaginate) Vue.component('Icon', { template: ` <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> < path d = "M19.5 8.07422L12.3533 15.2202C12.2597 15.314 12.1326 15.3667 12 15.3667C11.8674 15.3667 11.7403 15.314 11.6467 15.2202L4.5 8.07422" stroke = "currentColor" stroke - width = "1.25" stroke - linecap = "round" stroke - linejoin = "round" / > < /svg>` }) const app = new Vue({ el: '#app', data: { message: 'Trying to pass a component in the prev-text prop (it accepts HTML)' }, }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <script src="https://unpkg.com/vuejs-paginate@latest"></script> <div id="app"> {{ message }} <paginate :page-count="20" :prev-text="`<icon />`" :next-text="'Next'" :container-class="'className'" /> </div>