amis学习笔记-代码分析12

2021SC@SDUSC

一、前言

本文主要分析amis框架中，数据表达中，有关搜索框部分

二、代码分析

基本用法

{

  "type": "page",

  "initApi": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/page/initData?keywords=${keywords}",

  "body": [

    {

      "type": "search-box",

      "name": "keywords"

    },

    {

      "type": "tpl",

      "tpl": "<p>关键字：${keywords}</p><p>返回结果：${&|json}</p>"

    }

  ]

}

//展示一个简单搜索框，通常需要搭配其他组件使用。比如 page 配置 initApi 后，可以用来实现简单数据过滤查找，name keywords 会作为参数传递给 page 的 initApi。