モダンなサイトだと、ボタンをクリックしたらアイコンが切り替わって、内容が見れたりするようなUIも増えてきていますよね。 そんなボタンの切り替えの構造をVue.js(Nuxt.js)で表現していこうと思います! #ボタンを押すと、記事内容の表示・非常時を切り替えられる ###ボタンをそして...
動的なコンポーネントの切り替えについて <component></component>タブとv-bind:is=""(v-bindディレクティブのis属性)を用いる事で以下の動画のように動的にコンポーネントを切り替える事ができる。 動画のソースコードは以下。 App.vue <template> <div> <!-- 省略 --> <button @click...
ワークシートを非表示にする 次のコード サンプルでは、Sampleという名前のワークシートの可視性を非表示に設定し、nameプロパティを読み込み、コンソールにメッセージを書き込みます。 JavaScript awaitExcel.run(async(context) => {letsheet = context.workbook.worksheets.getItem("Sample"); she...
ChartCollection、 CommentCollection、 TableCollection、 WorksheetCollection onAutoSaveSettingChanged ブックで autoSave の設定が変更されると発生します。 Workbook onCalculated ワークシートの計算が完了したとき (あるいはコレクションのすべてのワークシートが完了したとき) に発生します。 Worksheet...
フォームオブジェクトがドキュメントに表示されます。 注意: 「キャンセル」を押すと、フォームオブジェクトはドキュメント内に表示されますが、Dreamweaver は、アクセシビリティタグや属性をこのフォームオブジェクトに関連付けません。
行カテゴリーの振る舞いを、h:dataTable 内の行に追加します JSFBehaviorRowEditSave 内部使用のみ。保存振る舞いを、h:dataTable 内の編集可能な行に追加します JSFBehaviorRowEditShowHide 内部使用のみ。 (編集域の) 表示/非表示振る舞いを、h:dataTable 内の編集可能な行に追加します JSFBehavior...
たとえば、oj-input-searchとoj-stream-listのタイプ名は、それぞれInputSearchElementとStreamListElementになります。 または oj + componentName (まだ移行されていないコンポーネントのoj接頭辞命名規則) たとえば、oj-chartおよびoj-tableは、引き続きoj接頭辞が付いた古いスタイルでタイプに...
たとえば、oj-input-searchとoj-stream-listのタイプ名は、それぞれInputSearchElementとStreamListElementになります。 または oj + componentName (まだ移行されていないコンポーネントのoj接頭辞命名規則) たとえば、oj-chartおよびoj-tableは、引き続きoj接頭辞が付いた古いスタイルでタイプに...
これでタブのボタンのクリックイベントに紐づいているパラメーターとshowの値が同じ場合のみ、タブのボタンにactiveクラスが付与されて、タブの中身のコンテンツも1つだけ表示されるようになりました。 簡単にタブ切り替えが実装できました。
Vue.js で調べたいことがあったのでメモがてら。やりたいことVue.jsで、ユーザーの操作に合わせてデータの増減や表示の切り替えをしたい。テストシナリオとして、以下の3つを試してみるアク…