草庐IT

Vue3的setup在el-tab中动态加载组件

公司某项目需求在页面显示的组件是根据角色变化而变化的,在这个项目中我使用了elementplus的el-tabs来动态的显示这些组件,如下图所示数据内容大概是这样的在未使用setup语法糖时候我要引入组件只需要在components中定义组件就好了,如下图然后就可以快乐得在component组件的:is中遍历进组件的名称就好了;但是在使用了setup语法糖之后,没有了components选项,我突然就有点无从下手,在vue3官网中我看到了setup挂载组件的用法那就照着官网照猫画虎吧,于是就写下了如下代码然后发现不对劲,啥也不显示,进devtools一看,这东西怎么没挂上啊啥也没有!没办法,再

Vue3的setup在el-tab中动态加载组件

公司某项目需求在页面显示的组件是根据角色变化而变化的,在这个项目中我使用了elementplus的el-tabs来动态的显示这些组件,如下图所示数据内容大概是这样的在未使用setup语法糖时候我要引入组件只需要在components中定义组件就好了,如下图然后就可以快乐得在component组件的:is中遍历进组件的名称就好了;但是在使用了setup语法糖之后,没有了components选项,我突然就有点无从下手,在vue3官网中我看到了setup挂载组件的用法那就照着官网照猫画虎吧,于是就写下了如下代码然后发现不对劲,啥也不显示,进devtools一看,这东西怎么没挂上啊啥也没有!没办法,再

Odoo 自定义form表单按钮点击事件处理程序

实践环境Odoo14.0-20221212(CommunityEdition)代码实现方案1通过研究发现,点击odooform表单按钮时,会调用odoo14\odoo\addons\web\static\src\js\views\form\form_controller.js文件中的_onButtonClicked函数,在该函数中响应点击事件。所以,我们可以通过重写该方法来实现自定义响应点击事件。示例如下表单视图定义codePojects\odoo14\custom\estate\wizards\demo_wizard_views.xmldemo.wizard.formdemo.wizard/

Odoo 自定义form表单按钮点击事件处理程序

实践环境Odoo14.0-20221212(CommunityEdition)代码实现方案1通过研究发现,点击odooform表单按钮时,会调用odoo14\odoo\addons\web\static\src\js\views\form\form_controller.js文件中的_onButtonClicked函数,在该函数中响应点击事件。所以,我们可以通过重写该方法来实现自定义响应点击事件。示例如下表单视图定义codePojects\odoo14\custom\estate\wizards\demo_wizard_views.xmldemo.wizard.formdemo.wizard/

el-form 每行显示两列,底部按钮居中

需求:el-form每行显示两列,底部按钮居中问题:以前的解决办法是:el-col,el-row。但是这里只有一个el-form-item的label数据是已知的,其余项都是循环得到的,数量不固定,因此不能采用el-col方式。尝试尝试过item左浮动,flex,底部定位,都无法解决。解决办法el-form添加inline属性,给每个item设置宽度;给底部按钮flex布局。参考链接http://t.csdn.cn/nrQ0C思考说明el-form本身是block块级元素;对flex和定位的详细内容不是很熟悉,比如flex:1

el-form 每行显示两列,底部按钮居中

需求:el-form每行显示两列,底部按钮居中问题:以前的解决办法是:el-col,el-row。但是这里只有一个el-form-item的label数据是已知的,其余项都是循环得到的,数量不固定,因此不能采用el-col方式。尝试尝试过item左浮动,flex,底部定位,都无法解决。解决办法el-form添加inline属性,给每个item设置宽度;给底部按钮flex布局。参考链接http://t.csdn.cn/nrQ0C思考说明el-form本身是block块级元素;对flex和定位的详细内容不是很熟悉,比如flex:1

在联调form表单数据时,如何传递参数为formData格式

有时候在前后端联调接口时,后端会要求传递入参为formData格式如下图入参要求是传递fromData格式+当前时间戳,具体实现如下首先先模拟一个普通接口constgetGroupData=(data)=>{returnrequest({url:'rest/report/queryBatchCollateFund.do',method:'POST',data:data})}使用formData传参格式时需添加请求头,添加后如下,如需加上时间戳在配置params即可constgetGroupData=(data)=>{returnrequest({url:'rest/report/queryBa

在联调form表单数据时,如何传递参数为formData格式

有时候在前后端联调接口时,后端会要求传递入参为formData格式如下图入参要求是传递fromData格式+当前时间戳,具体实现如下首先先模拟一个普通接口constgetGroupData=(data)=>{returnrequest({url:'rest/report/queryBatchCollateFund.do',method:'POST',data:data})}使用formData传参格式时需添加请求头,添加后如下,如需加上时间戳在配置params即可constgetGroupData=(data)=>{returnrequest({url:'rest/report/queryBa

网页伪静态、视图层、模板层、form表单如何携带数据文件

目录网页伪静态1.什么是伪静态网页?2.伪静态的好处3.实现伪静态网页视图层1.三板斧2.三板斧的本质Django视图层函数必须要返回一个HttpResponse对象研究底层源码3.视图函数返回json格式数据JsonResponseJsonResponse序列化(列表注意事项)json与pickle区别4.FBV与CBV1.FBV与CBV区别2.CBV3.CBV底层源码form表单如何携带数据文件模板层1.模板语法的传值2.模板语法传值的范围3.模板语法过滤器(类似于python内置函数)1.模板语法过滤器2.基本语法3.过滤器内置方法4.模板语法标签(类似于python流程控制)1.if判

网页伪静态、视图层、模板层、form表单如何携带数据文件

目录网页伪静态1.什么是伪静态网页?2.伪静态的好处3.实现伪静态网页视图层1.三板斧2.三板斧的本质Django视图层函数必须要返回一个HttpResponse对象研究底层源码3.视图函数返回json格式数据JsonResponseJsonResponse序列化(列表注意事项)json与pickle区别4.FBV与CBV1.FBV与CBV区别2.CBV3.CBV底层源码form表单如何携带数据文件模板层1.模板语法的传值2.模板语法传值的范围3.模板语法过滤器(类似于python内置函数)1.模板语法过滤器2.基本语法3.过滤器内置方法4.模板语法标签(类似于python流程控制)1.if判