<div class="layui-row layui-col-space15" id="app"></div>
定義vueApp:
let vueApp
require(['vue'],function(Vue) {
vueApp=new Vue({
el: "#app",
data: {
where:{
nickname:'',
phone:'',
office:0,
rank:0,
},
table:1,
}
}）
}）
普通點擊事件直接用vue的方法：
methods: {
getSkill:function(){
console.log(this.skill,7777)
},
}
動態生成HTML，在頁面寫入需要添加的:
<div id="popo" style="display: none">
<div >
<div id="getSkill"></div>
</div>
</div>
帶ID的元素不會動態添加進去 只會參考元素，同樣方法也是寫在vue中，這個是彈出層
setTop: function(){ var that = this; //多視窗模式，層疊置頂 layer.open({ type: 1 //此處以iframe舉例 ,title: '添加技術' ,area: ['588px', '560px'] ,shade: 0 ,maxmin: false ,offset:'auto' ,content:$('#popo').html() //此處為插入代碼塊 ,btnAlign: 'l' ,end: function(){ //無論是關倍訓是確認，都執行 that.skillName='' that.skillUrl='' that.skillDetail='' } }); }
jq方法參考vue方法的關聯，可以直接修改data內資料：（動態插入的元素系結點擊事件方法，點擊事件不能直接寫在添加元素上的，參考此ID系結方法）
$(document).on('click','#getSkill',function(){
vueApp.getSkill()
})
翻譯
搜索
復制
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/549076.html
標籤：其他