Riot.js
Riot.jsは、React.jsに似たコンポーネント指向なJSフレームワークです。非常に軽量であり、コンポーネントで設計しやすいといったメリットがあります。また、MVCのように分割できることも特徴です。
-
受付中
- 回答
- 2
Riot.js innerHTMLでテキストにhtmlタグをつけて表示させる
前提・実現したいこと 少し前にこちらで質問させて頂き、回答を頂いたのですがまだまだ知識が足りないようで 解決できません。 もう一度質問させてください。 https://teratail.com/questions/111207 発生している問題・エラーメッセージ InnterHTMLをつかう、ということアドバイスを頂き試しデモは記事の内容をコピー
- 0評価
- 304PV
-
解決済
- 回答
- 1
Riot.jsのeach時に連想配列内にキーが存在しなかったら出力しないようにしたい
前提・実現したいこと 現在以下のような連想配列を使って Riot.jsにてeachを回そうとしています。 val = { ['id': 1, 'name':"A"], ['id': 2], ['id': 3, 'name': ""] } <td each="{ v, i in val}" attr-x="{ i }" attr-y="{ i
- 0評価
- 134PV
-
解決済
- 回答
- 1
Riot.js htmlコードを吐き出したい
前提・実現したいこと Riot.js のチュートリアル(http://riotjs.com/ja/play/)を参考に勉強中です。 カスタムタグを埋め込んで、次の用に表示させたいと思っています。 <div> <p>テキストテキスト</p> <img src="img.src"> </div> と表示させたい。 発生している問題・エラーメッセー
- 0評価
- 172PV
-
解決済
- 回答
- 1
riot.jsでbefore-mountイベントはいつ使うの？
on('mount')やon('update')の必要性は解るのですが、on('before-mount')については直(Aの場所)に処理を書いても同じように思います。 AとBの場所に書くことで違う動作をするケースがあれば教えていただきたいです。 よろしくお願い致します。 <tag> <div></div> <style></style>
- 2評価
- 186PV
-
受付中
- 回答
- 1
riotでhtmlのdisabledを変数の真偽値によって切り替えたいのですが、
riotでhtmlタグのdisabledを変数の真偽値によって切り替えたいのですが、うまくいきません。 全てtrueになってしまいます。 同じカスタムタグ内で属性以外の箇所は同じ式でうまく反映されているのですが、考慮する箇所があるのでしょうか？
- 0評価
- 258PV
-
解決済
- 回答
- 1
SPAで、URL遷移してないように見える実装はどうやってやるのか？
お世話になります。 facebookメッセンジャーのweb版やslackのweb版を見ていると、 画面遷移せずに、URLが変わります。 query(?data=hoge&foo=bar)やハッシュ（＃）等のURLを変更するのであれば、 画面の遷移は、おこなわれませんが、スラッシュを含むURLに変更すると、 サーバーサイド側に通信してしまうと思うのです
- 0評価
- 623PV
-
解決済
- 回答
- 1
riotでtag中で連想配列を何回目かにbreakさせたいのですが
riotでtag中で連想配列を何回目かにbreakさせたいのですが、スマートな書き方をおしえてください。 <div each={ hoges in opts.hoges }> <p>{}<p> </div> opts.hogesには20個入っているが、ある条件の時だけ5回で終了させたい
- 0評価
- 206PV
-
解決済
- 回答
- 1
riot.jsのvirtualタグの挙動
Riot.jsを使い、JSONからtableを出力するものを作っているのですが、 virtualタグの挙動がわかりません。 例えば、 <table id="element"> <tbody> <tr each={ item in items }> <td each={ i in item }
- 0評価
- 321PV
-
受付中
- 回答
- 0
Riot Routerで、ブラウザ進む／戻るボタンでのURLの変更を検知できない。
お世話になります。 Riot Routerで、意図的に、route(To)メソッドだと、URLの変更を検知できるのですが、 ブラウザ進む／戻るボタンでのURLの変更を検知できないのです 進む／戻るボタンのURL変更の検知ができる方法を知っておられる方、教えて頂けると助かります。 また、route(To)メソッドだとURLに必ず#がついてしまうのですが
- 0評価
- 269PV
teratailが10ヶ月前に アップデート -
解決済
- 回答
- 2
【textarea】で取得した値を改行も含めてそのままdivに表示したい
<div class='floatCover' each={ info, i in message }> <div class='others'>{ info }</div> </div> <textarea ref='msgInput' rows='1' placeholder='メッセージを入力'></textarea> tag.submit =
- 0評価
- 330PV
-
受付中
- 回答
- 2
Vue,Angular, Riot, React,などで、画面の一部を書き換える際の考え方について。
Vue,Angular, Riot, React,などで、画面の一部を書き換える際の考え方について。 フロントエンドフレームワークを学び始めたばかりの者です。 上記のようなフレームワークを使ってSPAを構築する場合の画面更新の考え方について悩んでいます。 ちなみに、実際に使っているフレームワークはVueなのですが、設計の話なのでどんなフレームワーク
- 0評価
- 1208PV
-
受付中
- 回答
- 0
ブラウザバック時に元の状態を復元したい
Riot.jsを利用してSPAを作成しております。 ブラウザバック時に元の状態(スクロール位置や表示内容など)を復元したいです。 ・HisotryPush時にスクロール位置を持たせることで擬似的に元の状態を復元することは可能ですが、キャッシュさせるなどスマートな方法はないでしょうか。 ・jQueryのプラグインなども考慮にいれた場合、良い実装方法はあ
- 1評価
- 566PV
teratailが1年以上前に アップデート -
解決済
- 回答
- 1
riot.jsをwebpackでbuildする際に、loaderのエラーが出るのですが、どのload...
webpackでbuildする際に、下記のエラーが出るのですが、 適切なloaderを教えていただけないでしょうか。 You may need an appropriate loader to handle this file type. riot.tag2('counter', '<span>{time}</span>', '', '', f
- 0評価
- 554PV
退会済みユーザー
1年以上前に
回答
-
受付中
- 回答
- 1
【Riot.js】calcで指定したwidthを計算された状態で取得したい
<div class="timeline" ref="timeline" onclick="{ clickTimeline }"></div> console.log(getComputedStyle(tag.refs.timeline).width) console.log(tag.refs.timeline.clientWidth) clientWi
- 0評価
- 297PV
-
解決済
- 回答
- 1
【Riot.js】windowリサイズ時取得方法
window.addEventListener('resize', function() { // リサイズ時に行う処理 console.log('resizing') }) 生JSで取得しようと思ったんですが、consoleが表示されません
- 0評価
- 370PV
-
解決済
- 回答
- 1
【Riot.js】showをfalseにしてるのにdisplay noneにならない
<div class="video-wrapper" ref="videoWrapper" show={ switch }></div> // コンポーネント var tag = this obs.on('videoSwitch' + tag.index, function(bool) { consol
- 0評価
- 303PV
-
解決済
- 回答
- 1
【Riot.js】ルーター riot-routeでnot definedエラー
絶対パス間違ってないんですが、route is not definedになります <!DOCTYPE html> <html> <head> <?php <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/3.0.5/riot+compiler.min.js"></script>
- 0評価
- 521PV
-
解決済
- 回答
- 1
-
受付中
- 回答
- 1
【Riot.js】optsの値が取得できない
optsを使えばそのページ内のどのタグファイルからでもoptsにアクセスできると思うんですが、取得できません。 <script> var obs = riot.observable() riot.mount('*', {totalEditVideo: 0}) </script> <script> var
- 0評価
- 559PV
-
解決済
- 回答
- 2
【Riot.js】eachした際に何番目のカスタムタグか知りたい
クリックした際に何番目のselect-videoタグか知りたい場合どうしてますか？ <div id="select-video-wrapper" ref="uploadWrapper"> <select-video each="{ selectVideoArr }"></select-video> </div> <select-vide
- 0評価
- 820PV
