J'ai deux composants Web Lightning et je dois naviguer d'une LWC à un autre bouton LWC sur le bouton.
J'ai essayé le service de navigation pour appliquer la fonction NavigationMixin dans la classe de base du composant pour prolonger la navigationMixin (LightningElement). mais cela n'a pas fonctionné.
peut s'il vous plaît s'il vous plaît quelqu'un aidez-moi?
merci.
4 Réponses :
vous ne pouvez pas (encore).
Liste de tous les types de page -eférence intéressants dit Vous êtes censé utiliser Un composant de foudre. Pour faire une composante Web de la foudre adressable,
intégrer dans un composant aura qui implémente la
Lightning: IsurladDressable interface.
C'est une douleur. Je soupçonne que c'est aussi la raison pour laquelle nous ne pouvons pas encore faire des actions rapides avec LWC, ils devraient être enveloppés à Aura.
Cliquez sur le lien dans la citation, il vous mènera par exemple comment passer des paramètres ( standard__component mais la cible ne peut pas être pure lwc. Au mieux, il doit être caché à l'intérieur d'une enveloppe d'aura.
/ Lightning / CMP / C__Hellotarget? C__FirstName = John )
Heureusement, nous pouvons maintenant :)
@Akhil, je n'ai toujours pas pu trouver comment nous pouvons. Pouvez-vous publier un lien Pls?
Consultez ce document officiel, développeur.salesforce.com/docs / composant-bibliothèque / documentaireatio n / ...
J'ai eu les problèmes similaires. J'essaie de naviguer dans une LWC d'une autre dans une communauté et on dirait: Dans les communautés, seule la référence de la page Comm.NameDpage fonctionnera.
Pas vraiment, vous pouvez vérifier ma solution pour plus de détails sur la manière de naviguer d'une page à une autre sur un bouton simple clic.
Dans l'application Salesforce Lwc, vous pouvez naviguer d'un composant LWC à un autre (qui se trouve sur un autre onglet / AppPage) avec le code suivant
import { NavigationMixin } from 'lightning/navigation';
import { CurrentPageReference } from 'lightning/navigation';
export default class MyComponent extends NavigationMixin(LightningElement){
@wire(CurrentPageReference) pageRef;
@api tabName = "NextPage";
navigateNext() {
console.log("tabName = ", this.tabName)
this[NavigationMixin.Navigate]
({
type: 'standard__navItemPage',
attributes: {
apiName: this.tabName
}
});
}
}
Dans l'application LWC, nous pouvons le faire de l'une des manières suivantes:
Créer un composant de LWC parent qui contient les composants LWC et montrant l'un des composants à la fois.
En cliquant sur le bouton, envoyez un événement personnalisé pour naviguer entre les composants.
Lors de la réception de l'événement personnalisé dans le composant conteneur, masquez le composant visible et montre une autre.
Pour plus d'informations sur les itinéraires LWC, suivez le lien ci-dessous.