Questions tagged [vue-render-function]
42 questions
10
votes
0 answers
How to remove window.__NUXT__ without any issue from Vuex in Nuxt
I'm on Nuxt 2.13 and I'm having an issue with window.__Nuxt__(function(a,b,c,d,.....)). I don't know if it will affect my SEO or not, but it's on my nerve and shows all my language file.
here is the situation : there is a lang.json file in my app. i…
Mojtaba Barari
- 1,127
- 1
- 15
- 49
8
votes
2 answers
Vue 3: resolveComponent can only be used in render() or setup()
I'm trying to render a template in Vue 3. The template contains a component, which is locally registered on the instance.
import template from './template'
import RenderlessPagination from "./RenderlessPagination";
import {h, resolveComponent} from…
Matanya
- 6,233
- 9
- 47
- 80
7
votes
2 answers
how to expose component methods in render function in vue3 with ts
I want to call the child component methods in parent file and the child component is created by render function.
below is my code
child.ts
export default {
setup(props) {
//...
const getCropper = () => {
return cropper
}
…
shunze.chen
- 309
- 3
- 10
7
votes
3 answers
How to enhance an existing Laravel project with VueJS?
I just finished my project using only the Laravel framework. Now I want to add vue.js into my project to render the views without loading them. I went through some tutorials and found that I need to convert my blade files into Vue components to…
anonymus
- 161
- 4
- 12
3
votes
2 answers
Vue3 composable with render
Is it possible to create a composable function that would use render function so it can display something?
Example:
import { h } from 'vue'
export function useErrorHandling() {
return {
render() {
return h('div', { class: 'bar',…
BT101
- 3,666
- 10
- 41
- 90
3
votes
2 answers
Vue 3: wrap all items within a slot with a custom component by using a render function
I am trying to build my own sortable component. I want to pass a list of items to it's default slot. The sortable component should then wrap all passed items with a custom v-draggable component.
Eric Xyz
- 452
- 1
- 5
- 14
3
votes
1 answer
How to pass dynamic props to vue's render function?
I try to render components dynamically based on descriptions.
From
{component: 'customComponent', props: {value: "val1"}, ...}
I'd render
Barney Szabolcs
- 11,846
- 12
- 66
- 91
3
votes
1 answer
How to use slot in Vue 2 render function?
I'd like to do the following, but with Vue 2's render function
…
Mysterywood
- 1,378
- 2
- 10
- 19
2
votes
1 answer
bind event didn't work in render function
this is the component BadCodeSelector, it emit an function confirm, when button clicked, the method confirm worked.
user14937663
- 21
- 4
2
votes
2 answers
Do Vue.js render functions allow return of an array of VNodes?
I am working on extending a Vue.js frontend application. I am currently inspecting a render function within a functional component. After looking over the docs, I had the current understanding that the render function within the functional component…
phnx
- 23
- 7
2
votes
3 answers
vue submit form with updated input values
I have a simple hidden form
2
votes
3 answers
Are `h` and `createVNode` the same?
Both h and createVNode are exposed from vue.
The doc seems to suggest they are the same:
The h() function is a utility to create VNodes. It could perhaps more accurately be named createVNode().
But switch h to createVNode will throw:
Wenfang Du
- 8,804
- 9
- 59
- 90
2
votes
1 answer
Vue.js - Performance cost of update and render of an array
I have a problem with array items rerendering. I hope someone can help me with it.
There is a code:
https://codesandbox.io/s/vuex-store-forked-2qx1g?file=/src/App.vue
We have component with array of items. Template renders only first item from…
Denis Kotlyarchuk
- 21
- 1
2
votes
1 answer
Infinite loop when using Vue component render function
I'm using a Vue component to render some table header as follows:
render (createElement) {
return createElement('div', { class: 'header' },
Array.apply(null, { length: this.initHours.length }).map(() => {
return createElement('div', {…
MatiasGSP
- 75
- 7
2
votes
1 answer
How to provide passed injection from vue functional component
Tree:
I have $validator provided by Parent.
Inside FnChild I use render function with other async component (Target).
inject: ['$validator'],
render: (h, context) => {
return…
Maksim Nesterenko
- 5,661
- 11
- 57
- 91