后台动态生成a标签到前台显示

var a = "";
  foreach (var item in prs)
                {
                        a += "<a onclick='openViewWin(\"" + item.LargePurchaseApplyTaskID + "\")'  href='#'>" + item.LargePurchaseApplyNo + "</a>,";             
                          }
                htmlA.Value = HttpUtility.UrlDecode(a);

前台通过div用after接收

$("#lblNum").after($("#htmlA").val())

注:
1、单引号里面加双引号
2、openViewWin里面加上转译:"

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用Vue的动态组件和Element UI的Form组件来实现此功能。 首先,您可以从后台获取到一个对象数组,其中包含每个字段的属性,例如labelType和isRequired。您可以在Vue组件中使用一个名为formFields的数组来存储这些字段属性: ``` data() { return { formFields: [] // 存储表单字段属性 } }, mounted() { // 从后台获取表单字段属性,并存储到formFields数组中 axios.get('/api/formFields') .then(response => { this.formFields = response.data }) .catch(error => { console.log(error) }) } ``` 接下来,您可以使用Vue的动态组件来根据labelType属性动态生成对应的标签。例如,如果labelType为input,则生成一个Element UI的Input组件: ``` <template> <el-form ref="form"> <component v-for="field in formFields" :is="getComponentType(field.labelType)" :key="field.labelType" v-model="formData[field.labelType]" :label="field.label" :prop="field.labelType" :rules="getRules(field.isRequired)"> </component> </el-form> </template> <script> import { Input, Select, DatePicker } from 'element-ui' export default { data() { return { formData: {} // 存储表单数据 } }, methods: { getComponentType(labelType) { // 根据labelType属性获取对应的组件类型 switch (labelType) { case 'input': return Input case 'select': return Select case 'datePicker': return DatePicker default: throw new Error(`Invalid labelType: ${labelType}`) } }, getRules(isRequired) { // 根据isRequired属性获取对应的验证规则 const rules = [] if (isRequired) { rules.push({ required: true, message: '必填项不能为空', trigger: 'blur' }) } return rules } } } </script> ``` 在上述代码中,我们使用了Vue的v-for指令来遍历formFields数组,并使用Vue的动态组件来根据labelType属性动态生成对应的标签。我们还使用了getComponentType方法来根据labelType属性获取对应的组件类型,并使用getRules方法来根据isRequired属性获取对应的验证规则。 最后,我们将动态生成标签绑定到formData对象上,以便可以在提交表单时获取表单数据。 上述代码是一个基本的示例,您可以根据自己的需求进行修改和扩展。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值