Vue
vue
长沙彭小黑
这个作者很懒,什么都没留下…
展开
-
Vite 使用TSX/JSX
安装yarn add @vitejs/plugin-vue-jsxornpm install @vitejs/plugin-vue-jsx -D配置在 vite.config.ts 文件中挂载import vueJsx from '@vitejs/plugin-vue-jsx'export default defineConfig({ plugins: [ vueJsx()]})tsconfig.json 文件中{ // include 需要包含tsx"include":原创 2021-05-30 16:07:21 · 6391 阅读 · 0 评论 -
vue3 setup使用i18n插件(多语言)
一、安装 npm install vue-i18n@nextORyarn add vue-i18n@nextPS:我的版本是 9.1.6二、使用1.在src目录新建 language文件夹 (如下图)PS:此处我用的 TS 如果没有安装 TS 的可以使用 JS2.在 language 文件夹下新建 index.ts en-US.ts zh-CN.ts 三个文件//en-US.tsexport default { // 名称 'name': 'peng-xiao-hei'原创 2021-04-19 01:02:17 · 5261 阅读 · 1 评论 -
关于Vite rollup部署 import “/@/XXX” form “XXX“问题(已解决)
报错问题Rollup failed to resolve import "/@/api/XXX" from "src/XXX.vue".This is most likely unintended because it can break your application at runtime.If you do want to externalize this module explicitly add it to`build.rollupOptions.external`原因rollup本原创 2021-03-26 22:40:48 · 30408 阅读 · 12 评论 -
vue3 线上环境切换路由卡死
项目配置vue@3vite@2tsvue-router@4问题开发环境上没有问题,部署线上切换路由浏览器页面卡死'window.webkitStorageInfo' is deprecated. Please use 'navigator.webkitTemporaryStorage' or 'navigator.webkitPersistentStorage' instead.主要由watch监听整个useRouter()引发浏览器页面卡死未解决之前代码如下:let route原创 2021-02-27 14:50:58 · 2406 阅读 · 0 评论 -
vue中如何使用富文本编辑器(TinyMce)
vue中如何使用富文本编辑器(TinyMce)英文官网:https://www.tiny.cloud/中文官网:http://tinymce.ax-z.cn/安装使用npm install tinymce --save命令下载完整的包npm install tinymce --save下载完成之后,在node_modules下找到tinymce包下的资源拷贝到项目本地由于tinymce默认是英文界面,自己项目需要中文界面,所以需要下载中文的语言包。还可以下载自己需要的语言包在static/原创 2020-10-12 14:56:30 · 989 阅读 · 1 评论 -
Vue $set()数据更新了 视图层没更新?
过程:从后台拉去到数据由父组件传递给子组件,子组件在watch中监听传过来的数据,在拆分重构后赋值给data里的lists_R,在然后点击修改lists_R里的某一项数据结构:数组里面套对象,对象包裹字符串和数组,然后数组又套对象[{String,[{...},{...},{...}] },{ String,[{...},{...},{...} }]HTML部分<block v-for="(item,index) in item.baskets" :key="index"> <原创 2020-06-24 00:55:18 · 731 阅读 · 0 评论 -
Vue 计算属性做表单验证
使用 Vue.js 的计算属性(computed)做表单验证是一个非常省心省车事情,源码示例是一套简单的注册表单校验参考博客原址:https://blog.csdn.net/u013350495/article/details/89403412效果图:<!DOCTYPE html><html lang="en"><head> <me...转载 2020-03-22 20:24:59 · 1074 阅读 · 0 评论