
vue
是猿不是缘
不想成为大牛的的码农不是好厨子!
展开
-
Error: Rule can only have one resource source (provided resource and test + include + exclude) in...
今天从vuetify商店下载了一个模板,执行 npm i 后运行,vuecli就报了这个错Error: Rule can only have one resource source (provided resource and test + include + exclude) in…查看了一下webpack版本是五点多,把webpack版本降到四点多就可以了"webpack": "^5.52.0"换成"webpack": "^4.43.0"亲测有效...原创 2022-03-28 16:57:23 · 1207 阅读 · 0 评论 -
vue命名视图的使用
场景:在vue开发中,有一些可复用的重要组件,比如head头部或者侧边栏等,在大部分主要内容页,这些组件都是需要使用的,而在login页面或者404页面这些非主内容页面是不需要的,实现这些需求有很多种思路,这里利用VueRouter的命名视图来实现一下。代码:router/index.jsconst routes = [ { path: '/', components:{ default:()=>import('../view原创 2022-02-24 14:58:22 · 1002 阅读 · 0 评论 -
elementui Checkbox label值与所需要显示的值不一致
elementui的Checkbox组件在多选框组的情况下,想要传给后端的值与所想要展示的值不一致时,如:<el-checkbox-group v-model="checkboxGroup2" size="mini" disabled> <el-checkbox label="备选项1" border></el-checkbox> <el-checkbox label="备选项2" border></el-checkbox></e原创 2021-10-06 18:16:04 · 4364 阅读 · 0 评论 -
报错TypeError: Class extends value undefined is not a constructor or null
在执行npm run build的时候遇到了错误:TypeError: Class extends value undefined is not a constructor or null;而执行npm run serve是可以正常执行的,报错如下:Building for production...ERROR TypeError: Class extends value undefined is not a constructor or nullTypeError: Class extends v原创 2021-09-10 15:08:59 · 14313 阅读 · 4 评论 -
报错Rule can only have one resource source (provided resource and test + include + exclude) in
最近了解了一下前端人脸识别的库,于是想在项目中写一个demo,结果在安装其中一个npm包之后,就报了这个错,查了一下是webpack版本冲突,在这里记录一下解决方法:卸载已安装的webpacknpm uninstall webpack再安装低版本的webpacknpm install webpack@^4.0.0 --save-dev亲测有效!...原创 2021-08-27 10:22:03 · 1608 阅读 · 4 评论 -
解决vue国际化this.$i18n.locale设置值切换对data中的值循环使用无效
之前有项目要做中英文切换,于是我选择了使用vue-i18n插件来进行完成需求,在开发过程中遇到一个问题记录一下当将需要切换的文字内容以 this.$t(‘xxx.xxx’) 的方式放入data中时发现默认的语言是可以显示出来,但是当我们进行切换语言时,data里的数据在循环中却不会切换js:data() { return { test:[ {a:this.$t('user.test')}, {a:this.$t('user.test2')},原创 2021-08-19 09:41:29 · 4811 阅读 · 4 评论 -
elementui的select组件实现可直接输入功能
使用场景:在某有些情况下我们使用elementui的select下拉框组件,可能除了本身的数据选项,还希望用户可以自定义输入,这时候就需要使用一个属性:allow-create。效果如下:代码如下:<el-select size="mini" v-model="data" allow-create default-first-option <!--可直接回车键入 --> filterable <!-- 必须有该属性 --> @change="原创 2021-08-05 17:08:52 · 1846 阅读 · 0 评论