Principalement par le biais dejsPour contrôler.
vueLes principaux objets de développement pour.Contrôle interne des composants tout le monde connaît bien la route,Mais qu'en est - il de l'extérieur du composant？Par exemple, changer le style des éléments externes d'un composant.
C'est un problème que j'a i rencontré récemment.Il y a une page,Avec la carte.Mais en dehors de la page,C'est la barre de navigation,Des miettes de pain.,Les étiquettes,Le Haut occupe une grande place.you know,Maintenant, grand écran,Pauvre petite dimension verticale,Comme une carte,Plus la surface est grande, mieux c'est,Il y a beaucoup de désordre en haut.Le fait est que,Ceux - ci sont fournis par le cadre,Aucune propriété n'est fournie pour le réglage.Comment faire?？
Principalement par le biais dejsPour contrôler.vueBien qu'il s'agisse d'un cadre de développement,J'ai fait mes propres règles de grammaire,Mais NativejsIl soutient toujours.Par exemple,document.getElementById（）,Il n'y a aucun problème avec l'exécution de cette instruction dans la méthode des composants.Ces déclarations sont déclenchées lorsque la page entre：
export default {
components: {
Map
},
beforeRouteEnter (to, form, next) {
// Masquer les miettes de pain en entrant dans cette page
let bread = document.getElementsByClassName('main-layout-tag-nav-wrapper')
if (bread.length > 0) bread[0].style.display = 'none'
next()
},
beforeRouteLeave (to, form, next) {
// Restaurer les miettes en quittant cette page
let bread = document.getElementsByClassName('main-layout-tag-nav-wrapper')
if (bread.length > 0) bread[0].style.display = ''
next()
}
}