2017-05-01から1ヶ月間の記事一覧
セレクトを生成するためのデータがこういう、 productOptions: { A: [ {text: "pen", value: "PEN"}, {text: "pencil", value: "PENCIL"} ], B:[ {text: "apple", value: "APPLE"}, {text: "pinapple", value: "PINAPPLE"} ] } オブジェクトだったらどうなる…
ajaxについてはvue.jsではaxiosというのが推奨されている、とのことです。 github.com なんでとりえあず、html側にaxios追加。 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <div id="app"> <select v-model="category"> <option value="">--選択してください--</option> <option v-for="option in catOptions" v-bind:value="option.value"> {{ optio…</option></select></div>
svgっていう形式の画像があるんですね。 画像なんだけどエディターで開いてみるとテキストなんですよ。 そういうファイルがあって、最近それを初めて使ったんですけど、いざこれをサーバーにアップしたら表示 されない訳です。 どうしたものかと思ったら、ht…
で、引き続き、一つ目のセレクトを選ぶとそれに応じて二つ目のセレクトが生成される、というのに挑戦。 html側。 <div id="app"> <select v-model="category" v-on:change="resetSelect"> <option value="">--選択してください--</option> <option v-for="option in catOptions" v-bind:value="option.value"> {{ option.text }} </option> </select> <span>first Selected: {{ categor…</span></div>
検索するとバージョン0.11の頃の書き方がヒットして混乱するが、v2では var app = new Vue({ el: '#app', data: { selected: 'B', options: [ { text: 'One', value: 'A' }, { text: 'Two', value: 'B' }, { text: 'Three', value: 'C' } ] } } と書く。HTML…
参考: https://stackoverflow.com/questions/38744932/how-to-call-multiple-function-with-v-onclick <input v-on:change="calcAmount, calcSum"> というように書けるのかなと思ったが、だめらしい。 <input v-on:change="calcBoth"> としておいて、 methods: { calcBoth: function () { this.calcAmount(); this.calcSum(); } } と…
<div id="app"> <p>{{text}}</p> </div> ファイル名 app.jsとして以下の内容。 var Vue = require("vue"); var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) 基本的にはこれだけのソースでとりあえず動作確認ができるのだけど、webpackとか使うのでいろいろ障害があ…
app/Config 以下に const.php というファイル名でファイルを作成する。 そこで定数を定義する。
TypeScript実践プログラミング Programmer's SELECTION作者: スティーブ・フェントン出版社/メーカー: 翔泳社発売日: 2015/02/04メディア: Kindle版この商品を含むブログを見る amazonのレビューにはやや古いと書かれている。 はじめてのTypeScript2 (I・O B…
nodeのバージョンが古いらしくて以下のように怒られたので。 You are running version 6.8.0 of Node, which will not be supported in future versions of the CLI. The official Node version that will be supported is 6.9 and greater. はてどうだった…
これまじで格好よくて最高です。 まずこちらから git clone します。 github.com git clone https://github.com/mzyy94/jekyll-kieta-theme.git MySite で、 cd MySite/ bundle install してから、README.md に書いてある内容を _config.yml にして保存。 vi…
説明が英語なので骨が折れるが、まずは以下のページのとおりに開発環境を構築する。 Getting Started: Setting up で、上記URLのかなり下の方にあるとおり、consoleコマンドでプラグインのひな形を作成する。 ./console generate:plugin --name="MyPlugin" …