When passing a stringifyed object via props to a component, it seems like there is an issue with the data transformation.
<my-component :filter="stringobject" ></my-component>
stringobject = "{"search_text":"(ciClass like '%5684%') AND status NOT IN ('Terminated','Closed','Implemented')"}"
Upon receiving the filter prop inside the "my-component," the query appears to be altered to ciClass like 'v84%'
It seems that Vue is converting the '%56' to 'v'. The type of the prop in my-component is set to String.
Various attempts have been made to resolve this, such as escaping with backslashes, storing the string in a variable first, and using encoded characters instead of quotes. However, none of these solutions have worked. Can anyone shed light on what might be causing this issue?