質問編集履歴
4
コード修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -5,6 +5,9 @@
|
|
5
5
|
|
6
6
|
```Vue.js
|
7
7
|
<template>
|
8
|
+
<input name="title" type="text">
|
9
|
+
<input name="canvas" type="file">
|
10
|
+
<input name="commetnt" type="text">
|
8
11
|
<button @click="active();">
|
9
12
|
</template>
|
10
13
|
|
3
説明修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,5 +1,11 @@
|
|
1
|
+
Vue3で以下のif分を書きました。
|
2
|
+
<template></template>内の<button>をclickするとactive関数が実行され、条件判定 else内のtwittershare()関数が実行されません。console.log("OK");は実行されます。
|
3
|
+
|
4
|
+
なぜ、twittershare()関数が実行されないのでしょうか?
|
5
|
+
|
6
|
+
```Vue.js
|
1
7
|
<template>
|
2
|
-
<button
|
8
|
+
<button @click="active();">
|
3
9
|
</template>
|
4
10
|
|
5
11
|
<script>
|
@@ -16,3 +22,4 @@
|
|
16
22
|
};
|
17
23
|
};
|
18
24
|
</script>
|
25
|
+
```
|
2
コード修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,4 +1,9 @@
|
|
1
|
+
<template>
|
2
|
+
<button id="saveCanvas" @click="active();">
|
3
|
+
</template>
|
4
|
+
|
5
|
+
<script>
|
1
|
-
|
6
|
+
let isActive = true;
|
2
7
|
let active = () => {
|
3
8
|
if (!title.value || !canvas_text.value || !comment.value) {
|
4
9
|
let isActive = false;
|
@@ -10,3 +15,4 @@
|
|
10
15
|
console.log("twitterShare");
|
11
16
|
};
|
12
17
|
};
|
18
|
+
</script>
|
1
コード修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,35 +1,12 @@
|
|
1
|
-
Vue3 にて以下の様に、if分で条件分岐を行いました。
|
2
|
-
ifの後の条件(!title.value || !canvas_text.value || !comment.value)に当てはまらない場合は関数を実行したいのですが、関数(TwitterPost)が実行されません。
|
3
|
-
if分elseに書いているconsole.log("OK");は出力されますが、以降のtwitterShare = () =>.{}が実行されないのはなんでなのでしょうか?
|
4
|
-
```vue.js
|
5
|
-
|
1
|
+
let isActive = true;
|
6
2
|
let active = () => {
|
7
3
|
if (!title.value || !canvas_text.value || !comment.value) {
|
8
|
-
|
4
|
+
let isActive = false;
|
9
5
|
console.log("No Title");
|
10
6
|
} else {
|
7
|
+
let isActive = true;
|
11
8
|
console.log("OK");
|
12
|
-
|
9
|
+
twitterShare = () => {
|
13
|
-
//シェアする画面を設定
|
14
|
-
let title_twitter = this.title;
|
15
|
-
let shareURL =
|
16
|
-
"https://twitter.com/intent/tweet?text=" +
|
17
|
-
"タイトル:" +
|
18
|
-
this.title +
|
19
|
-
"%0D%0A" + //改行
|
20
|
-
"コメント:" +
|
21
|
-
this.comment +
|
22
|
-
"%0D%0A" + //改行
|
23
|
-
"%20%23bookband" +
|
24
|
-
"%0D%0A" + //改行
|
25
|
-
"&url=" +
|
26
|
-
"https://book-band.herokuapp.com/";
|
27
|
-
window.open(
|
28
|
-
shareURL,
|
29
|
-
|
10
|
+
console.log("twitterShare");
|
30
|
-
"top=200,left=300,width=600,height=400"
|
31
|
-
);
|
32
11
|
};
|
33
|
-
}
|
34
12
|
};
|
35
|
-
```
|