How to dynamically assign values to textInput using deep-chat in Vue

[fypl800]

How to dynamically assign values to textInput using deep-chat in Vue

[OvidijusParsiunas]

Hey @fypl800.

You can use the setPlaceholderText method to change the text input placeholder value.

Here is some example code that you can use to achieve this. Her I have used the onComponentRender event to identify when the component is rendered, however you can change it into a timeout or anything else that you prefer:

  setup() {
    const deepChat = ref(null);
    onMounted(() => {
      if (deepChat.value) {
        deepChat.value.onComponentRender = () => {
          deepChat.value.setPlaceholderText("Your text");
        }
      }
    });
    return {
      deepChat,
    };
  },
};
</script>

<template>
  <deep-chat ref="deepChat" />
</template>

Unfortunately you cannot dynamically change any other textInput object's values.