最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

layuiform表单的动态渲染与vue.js之间的冲突解决方法(附代码)

来源:动视网 责编:小采 时间:2020-11-27 19:31:52
文档

layuiform表单的动态渲染与vue.js之间的冲突解决方法(附代码)

layuiform表单的动态渲染与vue.js之间的冲突解决方法(附代码):本篇文章给大家带来的内容是关于layui form表单的动态渲染与vue.js之间的冲突解决方法(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。这次用layui 结合vue.js做项目,发现表单中,如select发送改变,动态渲染select时,发
推荐度:
导读layuiform表单的动态渲染与vue.js之间的冲突解决方法(附代码):本篇文章给大家带来的内容是关于layui form表单的动态渲染与vue.js之间的冲突解决方法(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。这次用layui 结合vue.js做项目,发现表单中,如select发送改变,动态渲染select时,发


本篇文章给大家带来的内容是关于layui form表单的动态渲染与vue.js之间的冲突解决方法(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

这次用layui 结合vue.js做项目,发现表单中,如select发送改变,动态渲染select时,发现页面不能渲染数据。
在社区发现有些layui与vue.js表单冲突解决方案,这里提供一个很简单的方法,就是利用vue.js的钩子函数updated
代码如下

methods: {
 getResponse (){
 let _this = this;
 axios.get(window.location.pathname)
 .then(function(res){
 if (res.status == 200){
 _this.role_list = res.data.role_list;
 //这里是从服务端请求拿到数据,不用理睬
 }
 })
 .catch(function (error) {
 console.log(error);
 });
 },
},
//下面是重点
updated: function () {
 this.$nextTick(function () {
 layui.use(['form'], function(){
 layui.form.render('select')
 });
 });
}

当然,场景不一样,写法也可不一样,如通过layui.form监听select等,再去渲染也是一种方案

文档

layuiform表单的动态渲染与vue.js之间的冲突解决方法(附代码)

layuiform表单的动态渲染与vue.js之间的冲突解决方法(附代码):本篇文章给大家带来的内容是关于layui form表单的动态渲染与vue.js之间的冲突解决方法(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。这次用layui 结合vue.js做项目,发现表单中,如select发送改变,动态渲染select时,发
推荐度:
标签: 解决办法 VUE 动态
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top