Vueが達成するために折りたたみ機能を拡張します
需要に言及するとき、プロジェクトを書き込む前に展開/すべてのコンテンツのニーズを折りたたみます。値が再構築されているので前に、独自の関数を書くことはまだ比較的小さいので、インターネット検索、私はJQ関数がで引き継ぐことができますが、実際には多くのものを見つけましたが、まだ本格的なVUEモジュールを記述するために使用したいです
demo:
<div :class="is_show ? 'new_detail' : 'work_detail'">
<!-- 这里是操作的div 包含的文字 -->
<!-- 这里的is——show 就是true/false -->
<!-- // 先通过绑定class 来判断 是显示所有内容的样式 还是隐藏部分样式 -->
</div>
<span class="open" @click="is_show=!is_show">
{{word}}
<!-- 点击事件控制 class绑定所依赖的判断条件 -->
<!-- 此时的word就是计算属性的结果 -->
</span>
<!-- 计算属性 -->
computed: {
// 项目内容
word() {
if (this.is_show === false) {
return '展开'
} else if (this.is_show === true) {
return '收起'
} else if (this.is_show === '') {
return null
}
},
全体的に、これは擬似コードですが、実装は、すでにVUEの考え方の基本的な実現の遵守度が非常に高いです
親指を探しています