如果提取的key中包含html标签，显示失败

seayao commented 1 year ago

提取出来的key：

 '(您当前版本最多可授权{authTotalNum}个，还剩余<span class="blue">{authSurplusNum}</span>个授权可新增)':
    '(Your current version can authorize up to {authTotalNum} users, and <span class="blue">{authSurplusNum}</span> authorizations are available to be added)',

页面使用：

 <span class="table-aside" v-if="titleText === $t('新增授权') && authTotalNum">{{ $t('(您当前版本最多可授权{authTotalNum}个，还剩余<span class="blue">{authSurplusNum}</span>个授权可新增)', {
            authTotalNum: authTotalNum,
            authSurplusNum: authSurplusNum
          }) }}</span>

页面效果：

IFreeOvO commented 1 year ago

有两个问题想问下：

这是在vue里提取的吗
原文是(您当前版本最多可授权{authTotalNum}个，还剩余<span class="blue">{authSurplusNum}</span>个授权可新增) 这个吗? 我用下面代码进行测试没复现出来
```
<template>
<div>
    (您当前版本最多可授权{{authTotalNum}}个，还剩余<span class="blue">{{authSurplusNum}}</span>个授权可新增)
</div>
</template>
```

seayao commented 1 year ago

2. 前版本最多可授权{authTotalNum}个，还剩余

1：是在vue文件中提取的； 2：原文如下：

<template>
  <div class="auth-dialog">
    <el-dialog
       :title="titleText"
      :visible.sync="visible"
      width="660px"
      :close-on-click-modal="false"
      :before-close="
        (done) => {
          $emit('update:visible', false);
        }
      "
    >
      <div slot="title" class="table-title">
        <span>{{ titleText }}</span>
        <span
          class="table-aside"
          v-if="titleText === '新增授权' && authTotalNum"
          >(您当前版本最多可授权{{ authTotalNum }}个，还剩余<span
            class="blue"
            >{{ authSurplusNum }}</span
          >个授权可新增)</span
        >
      </div>
      <div class="auth__body">xxxxxxxxxxx</div>
    </el-dialog>
  </div>
</template>

提取后：

<template>
  <div class="auth-dialog">
    <el-dialog
      :title="titleText"
      :visible.sync="visible"
      width="660px"
      :close-on-click-modal="false"
      :before-close="
        (done) => {
          $emit('update:visible', false);
        }
      "
    >
      <div slot="title" class="table-title">
        <span>{{ titleText }}</span>
        <span class="table-aside" v-if="titleText === $t('新增授权') && authTotalNum">{{ $t('(您当前版本最多可授权{authTotalNum}个，还剩余<span class="blue">{authSurplusNum}</span>个授权可新增)', {
            authTotalNum: authTotalNum,
            authSurplusNum: authSurplusNum
          }) }}</span>
      </div>
      <div class="auth__body">xxxxxxxxxxx</div>
    </el-dialog>
  </div>
</template>

IFreeOvO commented 1 year ago

还是没复现出来。你升级下脚手架版本呢。我转换后是

<template>
  <div class="auth-dialog">
    <el-dialog
      :title="titleText"
      :visible.sync="visible"
      width="660px"
      :close-on-click-modal="false"
      :before-close="
        (done) => {
          $emit('update:visible', false)
        }
      "
    >
      <div slot="title" class="table-title">
        <span>{{ titleText }}</span>
        <span
          class="table-aside"
          v-if="titleText === $t('新增授权') && authTotalNum"
          >{{ $t('(您当前版本最多可授权') }}{{ authTotalNum
          }}{{ $t('个，还剩余') }}<span class="blue">{{ authSurplusNum }}</span
          >{{ $t('个授权可新增)') }}</span
        >
      </div>
      <div class="auth__body">xxxxxxxxxxx</div>
    </el-dialog>
  </div>
</template>

IFreeOvO commented 1 year ago

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.