demo 原始链接:https://vux.li/demos/v2/#/component/form-preview
\n下面的$t是Demo的i18n使用的翻译函数,一般情况下可以直接使用字符串。另外,下面代码隐藏了i18n标签部分的代码。
\n<template>\n <div>\n <form-preview :header-label=\"$t('付款金额')\" header-value=\"¥2400.00\" :body-items=\"list\" :footer-buttons=\"buttons1\"></form-preview>\n <br>\n <form-preview :header-label=\"$t('付款金额')\" header-value=\"¥2400.00\" :body-items=\"list\" :footer-buttons=\"buttons2\" name=\"demo\"></form-preview>\n <br>\n <form-preview :header-label=\"$t('付款金额')\" header-value=\"¥2400.00\" :body-items=\"list\"></form-preview>\n </div>\n</template>\n\n\n\n<script>\nimport { FormPreview } from 'vux'\n\nexport default {\n components: {\n FormPreview\n },\n data () {\n return {\n list: [{\n label: '商品',\n value: '电动打蛋机'\n }, {\n label: '标题标题',\n value: '名字名字名字'\n }, {\n label: '标题标题',\n value: '很长很长的名字很长很长的名字很长很长的名字很长很长的名字很长很长的名字'\n }],\n buttons1: [{\n style: 'default',\n text: '辅助操作'\n }, {\n style: 'primary',\n text: this.$t('跳转到首页'),\n link: '/'\n }],\n buttons2: [{\n style: 'primary',\n text: this.$t('点击事件'),\n onButtonClick: (name) => {\n alert(`clicking ${name}`)\n }\n }]\n }\n }\n}\n</script>\n\n
\n