Vue i18n-$t未定义外部模板开发者社区

相关文章推荐

发怒的打火机 · 使用vue3实现按钮点击后禁用 - CSDN文库· 1 周前 ·

伤情的柿子 · vue中字典怎么追加key value - ...· 1 周前 ·

自信的酱肘子 · vue常用组件库_vue内置组件-腾讯云开发 ...· 4 天前 ·

追风的手链 · three.js使用外部模型创建动画，使用G ...· 3 天前 ·

温柔的围巾 · 浏览器f12控制台怎么获取vue实例，并且修 ...· 22 小时前 ·

爱跑步的回锅肉 · 游戏直播急刹车，虎牙和斗鱼行至终点？_创事记 ...· 2 周前 ·

慷慨大方的吐司 · 2020年首败！开场仅4分钟欧冠冠军遭暴击， ...· 2 月前 ·

奔跑的草稿纸 · 不思议迷宫灯芯怎么用，巧用灯芯快速爬高_豌豆荚· 6 月前 ·

怕老婆的课本 · 三星杯罗洗河“快刀碎石”· 1 年前 ·

任性的钥匙扣 · 轰六系列照这么发展下去，有没有轰20其实无所 ...· 1 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

首页 TVP

文章/答案/技术大牛

发布

const columns = [
    title:"pone",
    dataIndex: 'pone',
    key: 'pone',
    ]

    <template>
 <a-table :data-source="data" :columns="columns">
  <template #filterDropdown="{ setSelectedKeys, selectedKeys, confirm, clearFilters, column }">
  <div style="padding: 8px">
    <a-input
      ref="searchInput"
      :placeholder="`Search ${column.dataIndex}`"
      :value="selectedKeys[0]"
      style="width: 188px; margin-bottom: 8px; display: block"
      @change="e => setSelectedKeys(e.target.value ? [e.target.value] : [])"
      @pressEnter="handleSearch(selectedKeys, confirm, column.dataIndex)"
    <a-button
      type="primary"
      size="small"
      style="width: 90px; margin-right: 8px"
      @click="handleSearch(selectedKeys, confirm, column.dataIndex)"
      <template #icon><SearchOutlined /></template>
      Search
    </a-button>
    <a-button size="small" style="width: 90px" @click="handleReset(clearFilters)">
      Reset
    </a-button>
</template>
<template #filterIcon="filtered">
  <search-outlined :style="{ color: filtered ? '#108ee9' : undefined }" />
</template>
<template #customRender="{ text, column }">
  <span v-if="searchText && searchedColumn === column.dataIndex">
    <template
      v-for="(fragment, i) in text
        .toString()
        .split(new RegExp(`(?<=${searchText})|(?=${searchText})`, 'i'))"
        v-if="fragment.toLowerCase() === searchText.toLowerCase()"
        class="highlight"
        :key="i"
        {{ fragment }}
      </mark>
      <template v-else>{{ fragment }}</template>
    </template>
  </span>
  <template v-else>
    {{ text }}
  </template>
</template>
</a-table>

                       //script part where $t not working

<script>
 import { SearchOutlined } from '@ant-design/icons-vue';
 import { defineComponent, reactive, ref } from 'vue';
    const data = [
       key: '1',
       name: 'John Brown',
        age: 32,
       address: 'New York No. 1 Lake Park',
   export default defineComponent({
    components: {
     SearchOutlined,
 setup() {
const state = reactive({
  searchText: '',
  searchedColumn: '',
const searchInput = ref();
const columns = [
    title: 'pone',
    dataIndex: 'pone',
    key: 'pone',
    slots: {
      filterDropdown: 'filterDropdown',
      filterIcon: 'filterIcon',
      customRender: 'customRender',
    onFilter: (value, record) =>
      record.pone.toString().toLowerCase().includes(value.toLowerCase()),
    onFilterDropdownVisibleChange: visible => {
      if (visible) {
        setTimeout(() => {
          console.log(searchInput.value);
          searchInput.value.focus();
        }, 0);
const handleSearch = (selectedKeys, confirm, dataIndex) => {
  confirm();
  state.searchText = selectedKeys[0];
  state.searchedColumn = dataIndex;
const handleReset = clearFilters => {
  clearFilters();
  state.searchText = '';
return {
  data,
  columns,
  handleSearch,
  handleReset,
  searchText: '',
  searchInput,
  searchedColumn: '',
   </script>

const app = createApp({
  setup() {
    const { t, locale } = useI18n()
    t('dash.port') // this one maybe works ?
    return { t, locale }
})

import i18n from '../i18n';
const { t } = i18n.global;
i18n.global.locale = 'en-US'; // Change "Locale"
const data = { 
  name: t('name'), // "t" doesn't need "$"
  description: t('description'), // "t" doesn't need "$"
};

import { defineComponent, reactive, ref } from 'vue';
import { useI18n } from 'vue-i18n';
setup() {
  const { tm } = useI18n();
  const columns = [
      title: tm('dash.pone'),

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户