我正在尝试学习vue.js和javascript，因此对于那些已经走过这条路的人来说，这可能很容易...所以请向我展示一下方式...
我想有一个传递参数的通用函数，以便...
在HTML中
我有一个函数调用div id参数
<button @click="showdiv('user_likes')" type="button" class="btn btn-default">+</button>
在所有情况下，默认情况下，所有div元素均为false。这是我在Vue.js方法中的功能
changediv: function(data){
data==false ? data=true : data=false;
},
所有提示表示赞赏
为了补充现有的答案，因为这种情况是简单的切换，所以您可以通过showDiv完全摆脱该方法来减少代码量。如果您具有更复杂的逻辑，则不应使用此方法，因为它可能会损害可读性：https : //jsfiddle.net/8pLfc61s/
HTML：
<div id="demo">
<button @click="showParagraph = !showParagraph">Toggle paragraph with button</button>
<p v-if="showParagraph">Hello!</p>
</div>
JS
var demo = new Vue({
el: '#demo',
data: {
showParagraph: false
}
})
另一个很酷的技巧是使用带有v模型的复选框，尽管在这种情况下，标记的数量增加了，所以可能不值得进行权衡：https : //jsfiddle.net/v09tyj36/
HTML：
<div id="demo">
<label class="button">
Toggle Paragraph with checkbox
<input type="checkbox" v-model="showParagraph">
</label>
<p v-if="showParagraph">Hello!</p>
</div>
JS
var demo = new Vue({
el: '#demo',
data: {
showParagraph: false
}
})
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句