html 引入vue中动态拼接的html中点击方法触发

最新推荐文章于 2024-05-06 21:51:47 发布

wzk2329

最新推荐文章于 2024-05-06 21:51:47 发布

阅读量482

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/wzk2329/article/details/115296585

版权

这篇博客探讨了在Vue.js中如何通过html拼接创建动态输入元素，并将自定义方法`showCurDate`与之关联。在`created`和`activated`钩子中，将方法绑定到全局`window`对象，确保页面加载时能调用该方法。这有助于在前端开发中实现动态交互和日期选择功能。

摘要由CSDN通过智能技术生成


html 拼接的

 html2 += "<span>"+card_txt2+"：<input  class=\"form-control time-s\" onclick='showCurDate()'  id=\"user_key_id"+k+"\" name='time_1' value="+this.time+"></span>";

vue中：
methods:{
	showCurDate(){
		console.log('123')
	},
}


连接两者，使页面能够加载该方法

created(){
     console.log('created')
     let _this = this
     window.showCurDate= _this.showCurDate;
},


activated(){
     console.log('activated')
     let _this = this
      window.showCurDate= _this.showCurDate;
},