|
@@ -0,0 +1,40 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <Survey :survey="survey" />
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+ import 'survey-core/defaultV2.min.css';
|
|
|
+ import { Survey } from 'survey-vue-ui';
|
|
|
+ import { Model } from 'survey-core';
|
|
|
+
|
|
|
+ const surveyJson = {
|
|
|
+ elements: [{
|
|
|
+ name: "FirstName",
|
|
|
+ title: "Enter your first name:",
|
|
|
+ type: "text"
|
|
|
+ }, {
|
|
|
+ name: "LastName",
|
|
|
+ title: "Enter your last name:",
|
|
|
+ type: "text"
|
|
|
+ }]
|
|
|
+ };
|
|
|
+
|
|
|
+ const survey = ref({})
|
|
|
+ function loadSurvey() {
|
|
|
+ survey.value = new Model(surveyJson);
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ onMounted(() => {
|
|
|
+ console.log("onload survey page")
|
|
|
+ loadSurvey()
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+
|
|
|
+</style>
|