質問編集履歴
1
追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -11,4 +11,21 @@
|
|
|
11
11
|
以下だったら、動作します。
|
|
12
12
|
```Vue.js
|
|
13
13
|
<input v-bind:class="{ validate: class.isRequired }">
|
|
14
|
-
```
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
いろいろエスケープ文字試してみたのですが、できなかったので、かっこ悪い書き方ですが、
|
|
17
|
+
以下のように、classの文字列を返すメソッドで対応します。
|
|
18
|
+
|
|
19
|
+
```Vue.js
|
|
20
|
+
...
|
|
21
|
+
<input type="text" :class="type1Class()">
|
|
22
|
+
...
|
|
23
|
+
methods: {
|
|
24
|
+
type1Class: function () {
|
|
25
|
+
return this.class.isRequired ? "some_class validate[required]" : "some_class"
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
エスケープの仕方はまだ募集させてください！
|