导航:首页 > 文件教程 > vue模板文件

vue模板文件

发布时间:2025-02-09 17:31:34

A. vue 根据后端数据渲染文件模板,编辑并实时预览效果

最近有个需求,用户要线上编辑模板文件,以前直接考虑用富文本编辑方式,用户想怎么编辑就怎么编辑,但这次需求后端提到输入的关键信息要入库,并且有select选项插入。整篇带样式的html由后端返回。
初步想法是分左右栏,左侧预览右侧form,最开始想收到后端的html后再插入document,但动态插入的dom无法做到数据响应,变换下思路,把需要动态显示的dom事先初始化dom中,等模板html渲染完成后再插入到对应位置。

和后端约定的数据格式,tempStr是html,动态插值用${}表示,form是表单描述,用于渲染表单:

思路:

template.vue:

效果

暂时type只区分了select,可以加入radio、checkbox等表单形式。

阅读全文

与vue模板文件相关的资料

热点内容
广东学编程怎么样 浏览:121
银行代码12 浏览:365
word07正文边框 浏览:365
编程与漫画哪个好 浏览:10
西安市住建厅任免文件在哪里看 浏览:449
ps文件可执行程序 浏览:151
手机qq群怎样转让群主 浏览:628
ps文件保存完再打开变黑红 浏览:191
移动数据怎么查看密码 浏览:252
网页怎么用pdf文件 浏览:544
ai涂抹工具 浏览:605
数据库宏的测试 浏览:441
哪些后缀名文件属于镜像文件 浏览:282
wo27s超级用户密码 浏览:665
linux根据创建时间筛选文件 浏览:684
换轮胎需要多少数据 浏览:288
挂载linux文件提取 浏览:923
哪个格式图片文件小 浏览:675
word页眉设置成图片 浏览:26
苹果数据线授权给哪些品牌了 浏览:326

友情链接