vue-element-admin框架使用学习之旅

    科技2022-07-15  188

    我对框架的理解以及不懂的地方和其他人好像不一样,我难在入门,最基础的东西,一旦入了门后面的东西反而变得简单。 有些东西网上搜不到,所以自己来写一个自己的学习过程。


    vue-element-admin 文档里这句建议应该是极其重要的。 像我前前后后删除又重新下载vue-element-admin多次,一直在下载的源代码里面修改增加模块,到头来什么需要什么不需要变得冗余并且复杂,不好管理。 所以应该将这个框架当成一个工具箱,填补在自己本身的项目上。 当然,像我那样在原有项目上修修改改也是有作用的,可以更快地了解目录结构,什么东西放在哪里,需要什么。


    了解一下webpack配置别名alias 链接: https://www.cnblogs.com/Jimc/p/10282969.html. (不过有时候用别名会有一些问题)


    waiting…… 刚刚发现了一个新的,轻量级的框架,刚刚好符合我现在优化的项目。 vue-admin-template---------------基础模板


    国际化 i18n 方案,$t 是 vue-i18n 提供的全局方法,

    在组件里使用 {{ $t (“xxx”) }} ,可以看到 search 译为 查询

    xxx的来源:目录树—— scr / lang / i18n / zh.js / zh


    关闭Eslint,第一种方法亲测有效,第二种还没有尝试.


    引用组件,缺一不可


    报错 去找依赖,发现没有tinymce这个文件夹,心想是不是自己没有下载下来,于是去官网 tinymce官网搜索npm 找命令 还是没有解决 最终按照这篇博客重新安装下载tinymce 链接在这里 因为以前封装过一个组件,就把以前封装的拿过来用了,依然有报错,但是富文本框可以显示出来了,之前富文本框都显示不出来

    现在我决定既然能显示就先往下做,能用就行,都做完之后再拍拍错搞一搞(项目有点急)


    watch的用法:

    watch:{ 要监视的数据(){ 写下当数据变化是要执行的操作语句 } }

    报错

    据说是跨域问题 上图链接在这里

    但是仍然不知道如何解决

    解决无效,问了问实验室大佬 最终发现是action这边写错了,之前写的是 这样的 就不是很行。 把前面的那一段删掉就ok 只留端口 因为之前跨域那边已经把路径重写了 所以这边就不用带前面的ip了。 (大概是这个意思,说的不是很准确)。


    奈斯 还有很多问题,有些百度一下或者百度好几下就能解决的,就没有写上来。 只是记载了一些比较不太好找的。 路还很长慢慢走。 有问题会接着记在下面的

    Processed: 0.009, SQL: 9