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

最新推荐文章于 2024-12-25 17:21:09 发布

原创最新推荐文章于 2024-12-25 17:21:09 发布 · 556 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue

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


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;
},