属于自己的网站,无视隐私的十大软件,广州网站建设 超凡科技,wordpress主题next推荐项目#xff1a;
原生的html,加jQuery使用不习惯#xff0c;新html页面导入vue3,element plus做界面#xff0c;现在需要把日历上英文切成中文。 最终效果#xff1a; 导入能让element plus日历变成中文脚本#xff1a;
elementplus, vue3对应的js都可以通过创建一个vu…项目
原生的html,加jQuery使用不习惯新html页面导入vue3,element plus做界面现在需要把日历上英文切成中文。 最终效果 导入能让element plus日历变成中文脚本
elementplus, vue3对应的js都可以通过创建一个vue3项目找到对应的脚本导入 环境 1.node.js 2.npm 3.vue cli npm install -g vue/cli 4.vue npm install vue ## 创建工程vue3 vite npm init vite-app project-name ## 进入工程目录 cd project-name ## 安装依赖 npm install ## 运行 npm run dev /// 安装element-plus # 选择一个你喜欢的包管理器# NPM
$ npm install element-plus --save# Yarn
$ yarn add element-plus# pnpm
$ pnpm install element-plus 下载zh-cn.min.mjs 然后在node_modules对应目录的文件把它拷贝到html项目即可 导入项目zh-cn.min.mjs html页面引用 注意 html需要引入模块需要使用到ES6的特性script 使用: typemodule script typemodule import zhCn from ../js/elementPlus/locale/zh-cn.mjs; ../script !DOCTYPE html
html
head
!-- ElementPlus 日期控件el-date-picker换成中文--meta charsetUTF-8!-- import Vue before Element --script src../js/vue3.3.8/vue.global.js/scriptlink relstylesheet href../js/elementPlus/index.cssscript src../js/elementPlus/index.full.js/scripttitle/titlescript typemoduleimport zhCn from ../js/elementPlus/locale/zh-cn.mjs;const {createApp, ref} Vueconst app createApp({setup() {const value1ref()const message ref(Hello vue!)return {message,value1}}})app.use(ElementPlus, {locale:zhCn})app.mount(#app)/script
/head
body
div idapp!-- 双大括号语法可以直接拿到下面data中return 里面的数据 --{{ message }}el-button typesuccess成功按钮/el-buttonel-progress typecircle :percentage20/el-progressdiv classblock
!-- ElementPlus 日期控件el-date-picker换成中文--span classdemonstration中文日历/spanel-date-pickerv-modelvalue1typedateplaceholderPick a day/el-date-picker/divel-divider/el-divider
/div
/body
!--script typemodule src../js/elementPlus/locale/zh-cn.mjsimport zhCn from ../js/elementPlus/locale/zh-cn.mjs;
/script--/html
