七転八起 - vuejs + ElementUiで一行テキストボックスのイベント処理と値取得まとめ。
vue.jsで一行テキストボックスのイベント処理について調べたのでまとめ。 エンターキーを押したことを検知する場合、@keydown(v-on:keydown).enter.nativeと書く。 @keydown.enterだけだと検知できなかった。 methodsで定義した各メソッドの引数(text)に、入力した文字が入ってくる。 inputSearchWord() = 入力文字が変更されるたびに呼ばれる。 enterSearchWord() = エンターキーが押された時に呼ばれる。 <template> <div id="search-field"> <fieldset class="search-field-set"> <ul> <li> <el-input placeholder="Type something" prefix-icon="el-icon-search" @keyd
【メモ】Vue.js + Element UIのtableでrow-click Table Eventsでクリックされたrowのデータを取得する方法 - Qiita
<template> <el-table :data="tableData" @row-click="handleClick"> <el-table-column prop="name" label="Name"> </el-table-column> <el-table-column prop="age" label="Age"> </el-table-column> </el-table> </template> <script> export default { data() { return { tableData: [{ name: '太郎', age: 25 }, { name: '二郎', age: 26, }] } }, methods: { handleClick(val) { console.log(`val = ${JSON.stringify(val)}`) } }
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to display selection according to the condition ? (element-ui table)
