-----头部结束------------------

Vue 中若何动态增添模板?

2024-03-16 01:29:11

                    正在 Vue 中,可能利用动态组件(Dynamic Components)来动态增加模板□○。动态组件是一种独特的组件○□,它可能动态地切换差异的组件模板○○。可能利用component元从来声明动态组件○,并通过:is属性指定目今要烘托的组件○。比方:

                    当然,再有其它的办法可能达成动态增加模板,比方通过v-if和v-else来切换差异的模板,或者利用render函数来手动烘托组件□□。全部利用哪种办法,必要按照全部的需乞降场景来裁夺。

                    以上是利用 Vue 达成动态增加模板的根本步伐Vue 中若何。通过动态组件和 $mount 形式,可能利便地达成动态增加模板的功效。必要小心的是,动态增加的模板必要正在组件的性命周期钩子函数中举办废弃,以避免内存宣泄。

                    正在 Vue 中动态增加模板可能通过利用 Vue 的动态组件来达成○○。动态组件是指可能正在运转时动态采用利用哪个组件举办烘托□。以下是利用动态组件动态增加模板的步伐:

                    正在上面的代码中○○动态增添模板?,移用addTemplate形式来动态增加一个模板。currentTemplate属性存储目今要烘托的组件模板○,初始值为null。正在addTemplate形式中□□,将一个新的模板对象赋值给currentTemplate属性,模板对象包蕴一个template属性○□,值为要增加的模板。正在模板中,利用component元从来声明动态组件○,通过:is属性绑定currentTemplate属性,从而动态烘托差异的组件模板。

                                                    if (window.jQuery) { (function($){ default_switch(); //简体繁体互换 function default_switch() { var home_lang = getCookie('home_lang'); if (home_lang == '') { home_lang = 'cn'; } if ($.inArray(home_lang, ['zh','cn'])) { var obj = $('#jquerys2t_1573822909'); var isSimplified = getCookie('jquerys2t_1573822909'); if ('cn' == isSimplified) { $('body').t2s(); $(obj).text('繁體'); } else if ('zh' == isSimplified) { $('body').s2t(); $(obj).text('简体'); } } } //简体繁体互换 $('#jquerys2t_1573822909').click(function(){ var obj = this; var isSimplified = getCookie('jquerys2t_1573822909'); if ('' == isSimplified || 'cn' == isSimplified) { $('body').s2t(); // 简体转繁体 setCookie('jquerys2t_1573822909', 'zh'); $(obj).text('简体'); } else { $('body').t2s(); // 繁体转简体 setCookie('jquerys2t_1573822909', 'cn'); $(obj).text('繁體'); } }); })(jQuery); }