art-template实战

内容div

    

        

             
        
        
        

            *规格:
            
        
        

            *价格:
            
        
    

模板

模板赋值

// 初始化
var in_data = '';
in_data = JSON.parse(in_data);
if (in_data) {
    let html = template('sku-tpl', {data:{is_new:false,list:in_data}});
    $('#sku-cont').html(html);

    // 添加移除事件
    $(".del-sku").on("click",function() {
        $(this).parent().parent().remove();
    });
}

$("#make_sku_price").on("click",function() {
    let html = template('sku-tpl', {data:{is_new:true}});
    $('#sku-cont').append(html);

    // 添加移除事件
    $(".del-sku").on("click",function() {
        $(this).parent().parent().remove();
    });
});

注意语法前后空格。
很好用。
灵活巧妙运用，无限的可能。

转载于:https://www.cnblogs.com/jiqing9006/p/10554875.html