Estoy trabajando en wordpress y usando un complemento de formulario. A través de ese complemento he hecho un desplegable de estado / ciudad en cascada. v-model funciona en el desplegable de estado ya que está presente en la carga de la página, sin embargo, dado que el elemento de ciudad se crea después de la selección desplegable de estado, v-model no funciona para eso. ¿Cómo hago que funcione?

 var entriesList = new Vue ({
    el: "# vfm-search",
    datos: {
        entradas: [],
        cargando: cierto,
        nombreFiltro: '',
        partyFilter: '',
        Filtro de casa: '',
        EstadoFiltro: '',
        constFilter: '',
        Miembro: ''
    }
    creado: function () {
        this.fetchData ();
    }
    reloj: {
        nameFilter: "fetchData",
        partyFilter: "fetchData",
        filtro de casa: "fetchData",
        stateFilter: "fetchData",
        constFilter: "fetchData",
        isMember: "fetchData"
    }
    métodos: {
        fetchData: function () {
            this.getApi ();
        }
        getApi: function (page = 1) {
            var self = esto;
            this.loading = true; // empezar a cargar
            axios.get ('/ wp-json / frm / v2 / views /' + vfmapijs.view_id, {
                    encabezados: {
                        Autorización: 'Basic' + btoa (vfmapijs.apiKey + ': x')
                    }
                    params: {
                        página: página
                        pname: self.nameFilter,
                        pstate: self.stateFilter,
                        pparty: self.partyFilter,
                        phouse: self.houseFilter,
                        pconst: self.constFilter, // <------ this doesn't work on the newly created property
                        is_mem: self.isMember
                    }
                })
                .then((response) => {
                    this.loading = false; // dejar de cargar
                    this.entries = response.data.renderedHtml;
                })
                .catch ((error) => {
                    this.loading = false; // dejar de cargar
                    console.error (error)
                })
        }
    }
    montado: function () {
        este. $ el.addEventListener ('clic', ev => {
            // detectar si se hace clic en un enlace de paginación
            if (! ev.target.matches ('. frm_pagination a')) devuelve;
            ev.preventDefault ();
            let page = ev.target.href.match (/ rm-page-16 = ( d +) /) [1];
            this.getApi (página);
        })
    }
})