translationComponent.vue 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <template v-if="userInfo.userNameNeedTranslate == 1">
  3. <template v-if="Array.isArray(openId)">
  4. <template v-for="(item, index) in openId">
  5. <ww-open-data :type='type' :openid='item'></ww-open-data>
  6. <span v-if="index < openId.length - 1">,</span>
  7. </template>
  8. </template>
  9. <ww-open-data :type='type' :openid='openId' v-else></ww-open-data>
  10. </template>
  11. <template v-else>
  12. {{ Array.isArray(openId) ? openId.join(',') : openId }}
  13. </template>
  14. </template>
  15. <script setup>
  16. import { ref } from 'vue';
  17. import { useLifecycle, useEnv } from '@hooks/useCommon.js';
  18. import useInfoStore from '@store/useInfoStore'
  19. const props = defineProps({
  20. openId: {
  21. type: [String, Number, Array],
  22. default: () => '',
  23. },
  24. type: {
  25. type: String,
  26. default: () => 'userName',
  27. }
  28. });
  29. const userInfo = useInfoStore()
  30. useLifecycle({
  31. load: () => {
  32. // 添加加载逻辑
  33. // console.log(useEnv(), '<==== useEnv')
  34. }
  35. });
  36. </script>
  37. <style lang='scss' scoped>
  38. /* 样式代码 */
  39. </style>