questionnaire 问卷

一、介绍

问卷组件用于直播间的问卷调研功能，支持多种题型包括单选题、多选题、问答题、评星题等。组件提供完整的问卷展示、答题和提交功能。

组件提供一个主要入口组件：

• NormalQuestionnaire - 通用问卷组件

二、引入

2.1 UMD 方式

<script src="https://websdk.videocc.net/iar-questionnaire-ui/rc-20250612/normal-questionnaire.umd.js"></script>

<script>
const { NormalQuestionnaire } = window.PolyvIarQuestionnaireUi;
</script>

2.2 NPM 方式

// 安装依赖
pnpm add @polyv/iar-questionnaire-ui

// 引入组件
import { NormalQuestionnaire } from '@polyv/iar-questionnaire-ui';

三、代码示例

<template>
  <div>
    <!-- 问卷组件 -->
    <NormalQuestionnaire
      ref="questionnaireRef"
      :questionnaire-target="questionnaireSDK"
      :questionnaire-data="questionnaireData"
      @to-show="onToShow"
      @to-hide="onToHide"
      @submit-success="onSubmitSuccess"
    />
  </div>
</template>

<script setup>
import { NormalQuestionnaire } from '@polyv/iar-questionnaire-ui';
import { Questionnaire } from '@polyv/iar-questionnaire-sdk';

// 初始化问卷 SDK
const questionnaireSDK = new Questionnaire(iarCore);

// 问卷数据
const questionnaireData = ref(null);

// 事件处理
const onToShow = () => {
  console.log('显示问卷弹窗');
};

const onToHide = () => {
  console.log('隐藏问卷弹窗');
};

const onSubmitSuccess = () => {
  console.log('问卷提交成功');
};
</script>

四、API

4.1 Props

4.2 Events

4.3 方法

通过 ref 可以调用组件的方法：