要在AWS Amplify AppSync模型字段上使用@function，您需要按照以下步骤操作：

1. 在您的AWS Amplify项目中，打开终端并运行以下命令安装所需的库和依赖项：

npm install @aws-amplify/cli

2. 在终端中，使用以下命令初始化Amplify项目：

amplify init

根据提示选择您的AWS配置和项目设置。

3. 在终端中，使用以下命令来添加AppSync API到您的Amplify项目：

amplify add api

选择“GraphQL”作为API类型，并按照提示进行设置。

4. 在终端中，使用以下命令来部署AppSync API：

amplify push

这将创建AppSync API并将其部署到AWS账号中。

5. 在您的AppSync schema文件（通常位于amplify/backend/api//schema.graphql）中，定义一个模型并添加@function到字段上，例如：

type Post @model {
  id: ID!
  title: String!
  content: String! @function(name: "myFunction")
}

在上述示例中，我们给content字段添加了@function指令，并指定了名为myFunction的函数。

6. 在终端中，使用以下命令来为AppSync API生成代码：

amplify codegen

这将生成与AppSync API关联的GraphQL操作和模型的代码。

7. 在您的应用程序中，您可以使用生成的代码来调用模型字段上的@function。以下是一个示例代码：

import { API } from 'aws-amplify';

const fetchData = async () => {
  try {
    const response = await API.graphql({
      query: `
        query GetPost($id: ID!) {
          getPost(id: $id) {
            id
            title
            content
          }
        }
      `,
      variables: {
        id: 'your-post-id',
      },
    });
    console.log(response.data.getPost.content);
  } catch (error) {
    console.log(error);
  }
};

fetchData();

在上述示例中，我们使用API.graphql方法来调用getPost查询，并获取content字段的值。

请注意，您需要将your-post-id替换为实际的帖子ID，并根据您的具体需求调整代码。

以上是使用@function在AWS Amplify AppSync模型字段上的解决方法，希望对您有帮助！