大家好,我在 LWC 中使用 LNS(Lightning NavigationService)。我已经在帐户对象的 LWC 中为新建、编辑、查看创建了三个按钮,我在帐户记录中添加我的组件,我可以在其中单击按钮,即单击新建按钮时,它将打开新帐户记录标准记录页面,其余部分类似按钮编辑和查看。但是当我单击每个按钮时,我收到错误消息“输入有效的 URL 并重试”。让我知道我错过了什么
大家好,我在 LWC 中使用 LNS(Lightning NavigationService)。我已经在帐户对象的 LWC 中为新建、编辑、查看创建了三个按钮,我在帐户记录中添加我的组件,我可以在其中单击按钮,即单击新建按钮时,它将打开新帐户记录标准记录页面,其余部分类似按钮编辑和查看。但是当我单击每个按钮时,我收到错误消息“输入有效的 URL 并重试”。让我知道我错过了什么
import { LightningElement,api } from 'lwc';
import{NavigationMixin} from 'lightning/navigation'
export default class NavigationServiceLWC extends NavigationMixin(LightningElement) {
@api recordId;
navigateToNewRecordPage(){
this[NavigationMixin.Navigate]({
type:'standard__recordPage',
attributes:{
"recordId":this.recordId,
"objectApiName":"Account",
"actionName":"new"
}
});
}
navigateToEditRecordPage(){
this[NavigationMixin.Navigate]({
type:'standard__recordPage',
attributes:{
"recordId":this.recordId,
"objectApiName":"Account",
"actionName":"edit"
}
});
}
navigateToViewRecordPage(){
this[NavigationMixin.Navigate]({
type:'standard__recordPage',
attributes:{
"recordId":this.recordId,
"objectApiName":"Account",
"actionName":"view"
}
});
}
}
<!-- begin snippet: js hide: false console: true babel: false -->
<template>
<lightning-card title="Navigation Service in Lightning Web Components">
<lightning-card title="Navigate to Record Page">
<lightning-button-group>
<lightning-button label="New Record Page" onclick={navigateToNewRecordPage}></lightning-button>
<lightning-button label="Edit Record Page" onclick={navigateToEditRecordPage}></lightning-button>
<lightning-button label="View Record Page" onclick={navigateToViewRecordPage}></lightning-button>
</lightning-button-group>
</lightning-card>
</lightning-card>
</template>