javascript - 如何在vue.extend中通过判断是否使用propsData传参，选择不同的模板？
本文介绍了javascript - 如何在vue.extend中通过判断是否使用propsData传参，选择不同的模板？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
如果不传参数的话，希望中间的线也不显示，应该什么写呢？
<body>
<author></author>
<div id="author"></div>
</body>
var authorExtend = Vue.extend({
template: "<p><a :href='authorUrl'>{{authorName}}----{{a}}</a></p>",
data: function() {
return {
authorName: 'baidu',
authorUrl: 'http://www.baidu.com'
}
},
props: ['a']
});
new authorExtend({
propsData: {
a: 1
}
}).$mount('author');
new authorExtend().$mount('#author');解决方案
template: "<p><a :href='authorUrl'>{{authorName}} <span v-if="a">----{{a}}</span></a></p>",这篇关于javascript - 如何在vue.extend中通过判断是否使用propsData传参，选择不同的模板？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
