标签：渲染 element 发布 fd 模块 后台 头条 data 进行

目前项目进度完成了一半，做一下简单的总结。

业务逻辑思路以及遇到的一些问题

• 登录通过后端返回的token值来进行跳转，并对其进行路由拦截处理，并封装本地存储函数,让Token进行数据持久化
• 内容管理模块则对数据进行渲染，其中运用el-table进行表格渲染，其中想要自定义列中的内容要用template模板进行编译，其中想要拿到遍历的对象数据，要运用slot-scope="scope"拿到数据进行下一步操作，其中图片运用了el-image进行懒加载处理。
• 内容管理模块的筛选业务，就是将其每个数据渲染项的父元素绑定其要提交的参数，请求带参，因为请求本身不带参数后台有设置默认参数，最终设置了所有参数。
• 发布文章模块，使用了element-tiptap第三方库，这个库是对tiptap进行element方法的封装，在路由导航过来传递的id可能有过长的原因失真，然后通过json-bigint第三方库进行解决，在request请求模块中transformResponse中去return jsonBig.parse(data),在使用数据的使用进行toString方法。
• 在图片上传中有个问题，就是上传的图片是渲染在标签中的，因为图片是进行编码的，这个编码会很长很长，所以要进行处理，

   new Image({
          async uploadRequest(file) {
            //将文件对象转为formdata
            let fd = new FormData();
            fd.append("image", file);
            //请求线上的url地址，最终返回
            const { data: res } = await getImgUrl(fd);
            return res.data.url;
          },
        }),

• 还有element组件中有些组件@click事件不起效，可以通过.native修饰符让其生效
• 接口文档说明可能不完整，昨天遇到一个问题，响应报文中有个value does not match pattern，值不匹配。以后出错看响应报文到底报什么错，仔细理解其含义

标签：渲染,element,发布,fd,模块,后台,头条,data,进行
来源： https://www.cnblogs.com/yumengcode/p/14816508.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。