事件属性onMounted中如何获取formData里的值?

[复制链接]
查看: 6216   回复: 4

1

主题

1

回帖

3万

积分

论坛元老

Rank: 8Rank: 8

积分
36112
2024-4-30 11:06:40   显示全部楼层   阅读模式  
本帖最后由 PeiXy_J 于 2024-5-6 10:16 编辑

比如我现在有一个html的组件,我希望能够动态的获取到后端传过来的放formData中的数据,下面是html组件的onMounted中的伪代码:
var templateHTML = `<div class="announcement">
  <h2>${获取formData中的title}</h2>
   <div class="meta-data">
     发布时间:${获取formData中的publishTime}
   </div>
   <div class="meta-data">
     接收人:${获取formData中的receiveUser}
   </div>
   <div class="content">
      ${获取formData中的content}
   </div>   
</div>`
this.getWidgetRef('html_ann').setWidgetOption('htmlContent', templateHTML)


如图,既然【单行输入】组件能自动通过后端传过来的formData中的数据进行匹配然后显示在页面,那么【HTML】组件能否也通过请求后端获取到的formData,动态的调整【HTML】组件中的内容呢?这个功能有现成的方法实现吗?还是说需要我们这边前端二次开发?
我知道答案 回答被采纳将会获得2000 威望 已有4人回答

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?注册账号

x
回复

使用道具 举报

0

主题

10

回帖

138

积分

注册会员

Rank: 2

积分
138
2024-5-4 18:44:14   显示全部楼层  
const dataA='AAA'
const template = `<span>${dataA}</span>`
console.log(template)
这样不行吗
回复

使用道具 举报

1

主题

1

回帖

3万

积分

论坛元老

Rank: 8Rank: 8

积分
36112
PeiXy_J (楼主)
2024-5-6 10:33:17   显示全部楼层  
ujjldn 发表于 2024-5-4 18:44
const dataA='AAA'
const template = `${dataA}`
console.log(template)

不是的,我是要在【HTML】组件中获取到formData中的数据并且显示。即我并不知道dataA的值,dataA的值要从formData中去获取,现在问题就是在【HTML】组件中如何获取formData中的值【formData是请求后端接口获取的】
回复

使用道具 举报

0

主题

1

回帖

35

积分

新手上路

Rank: 1

积分
35
2024-9-23 17:22:19   显示全部楼层  
PeiXy_J 发表于 2024-5-6 10:33
不是的,我是要在【HTML】组件中获取到formData中的数据并且显示。即我并不知道dataA的值,dataA的值要从 ...

异步的原因,你不妨在onChange中尝试渲染【HTML】组件
回复

使用道具 举报

0

主题

11

回帖

21

积分

新手上路

Rank: 1

积分
21
2024-11-12 08:47:00   显示全部楼层  
换取一威望
回复

使用道具 举报

您需要登录后才可以回帖   登录 注册账号

高级模式