当前位置: 首页 > 知识库问答 >
问题:

vue3 - 怎么根据参数匹配填充?

宗意蕴
2023-06-20

成品尺寸:99.00_99.00_99.00;展开尺寸:411.00_327.00;印刷:双面印刷;正面印颜色:多色 CMYK;反面印刷颜色:单色_青色;表面处理:哑胶;背面处理:无;预折:否;1;粘合:自动粘1处;纸张材质:单铜纸_350;包装服务:盒子扎皮筋;外箱套蛇皮袋:否;
image.png

共有1个答案

宫元徽
2023-06-20
const str = '成品尺寸:99.00_99.00_99.00;展开尺寸:411.00_327.00;印刷:双面印刷;正面印颜色:多色 CMYK;反面印刷颜色:单色_青色;表面处理:哑胶;背面处理:无;预折:否;1;粘合:自动粘1处;纸张材质:单铜纸_350;包装服务:盒子扎皮筋;外箱套蛇皮袋:否;'
str.split(';').filter(Boolean).forEach(s=>{
    const [k,v] = s.split(':');
    const labels = document.querySelectorAll('#formId label');
    const targetLabel = labels.find(label => label.innerText === k);
    targetLabel.nextSibling.querySelector('input').value= v;
})

一个大致的思路,首先把原始字符串分割成单独的k:v字符串,再分割出k,v, 之后是找到与k相对应对应的label,最后找到这个label后一个相邻的input(容器),把v填进去就行了
innerText可能不一定与k匹配,自己实际调一下,处理下空格啥的,其他的你自己根据你实际的改一下就行了

 类似资料:
  • 原先的参数 成品尺寸:100.00_100.00_100.00;展开尺寸:415.00_330.00;印刷:双面印刷;正面印刷颜色:多色_CMYK;反面印刷颜色:多色_CMYK;表面处理:哑胶;背面处理:无;预折:否;正面专色:4,1,2,3,4;反面专色:4,1,2,3,4;1;粘合:自动粘1处;纸张材质:单铜纸_350;包装服务:盒子扎皮筋;外箱套蛇皮袋:否; 修改后的参数 成品尺寸:100.

  • 问题内容: 我正在使用以下代码来解析yaml并应将输出作为对象,并且该函数应更改数据结构并根据以下结构提供输出 这是我尝试过的方法,但是我不确定如何从yaml中获取的值 替换 函数运行器中 的硬代码值 与来自 这就是我尝试过的所有想法,该怎么做? 问题答案: 将runners对象的名称分配给名称的struct 字段,并使用与名称匹配的函数命令将命令列表附加到type字段: 操场上的工作代码

  • /^(?=^.{3,255}$)(http(s)?:\/\/|ftp:\/\/)?(www\.)?[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+(:\d+)*(\/\w+\.\w+)*$/ 如何修改下这个正则 能匹配到地址栏上的参数,可有可无 匹配如http://www.baidu.com?params1=123&pa

  • 在jaxb上下文转换技术的帮助下,我将java对象转换为xml字符串。当我试着以主类的形式运行程序时。它将其转换为xml字符串,但当我从project中的不同类调用该方法时。它抛出参数不匹配异常。我正在使用tomcat 7和jdk 6,并在eclipse中运行代码。请查找下面的马歇尔片段。 请指导为什么它失败时,我运行它到一个项目。

  • ,该数组是一维数组,第一层节点是parent:# 第二层根据第一层id和 第二层parent进行比较,以此类推

  • 问题内容: 我在和中遇到以下问题: 我调用以下javascript方法: 来自firebug的链接将如下所示: 根据以下链接: 错误:Sys.ParameterCountException:参数计数不匹配。 我设置 但我得到另一个错误 IE中不存在此问题。 编辑: 问题答案: 可能值得包装数据:用引号引起来的项目 变成