账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 实现列表中英文切换
    47
    0

    页面动态生成一个证书,里面内容是动态的,现在有个切换按钮,点击将其切换成英文证书,在网上看到了vue-i18n这个插件,但是看到好像是提前将中文 和对应的英文写好,那动态的数据如何转呢?求解

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 我帅跟我走 普通会员 1楼

      在 Vue 中,我们可以使用 JavaScript 的 toLocaleString() 方法来实现列表中英文切换。以下是一个简单的示例:

      首先,我们需要在 Vue 实例中创建一个数据结构来存储用户输入的英文和数字:

      javascript export default { data() { return { value: '', switchStatus: false }; }, methods: { handleChange(e) { this.value = e.target.value; this.switchStatus = e.target.value === 'en' ? true : false; } }, mounted() { const currentLanguage = navigator.language || navigator.userLanguage; this.value = this.switchStatus ? currentLanguage : 'en'; } };

      然后,我们可以在列表中使用这个数据结构:

      ```html

      ```

      在这个示例中,我们首先在 Vue 实例中创建了一个 valueswitchStatus 数据属性,它们分别用于存储用户输入的英文和数字。然后,我们在 handleChange 方法中更新 valueswitchStatus 的值,以响应用户输入的变化。最后,我们在列表中使用这个数据结构,当用户点击 "切换语言" 按钮时,它会将当前的语言切换到英文或数字。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部