質問編集履歴

3

修正

2021/12/27 05:16

投稿

fc2LiveAdult
fc2LiveAdult

スコア4

test CHANGED
@@ -1 +1 @@
1
- Nuxt環境でのSwiper.jsのrenderBulletが効かな
1
+ Nuxt環境でのSwiper.jsのrenderBulletを別の文字に置き換えた
test CHANGED
File without changes

2

修正

2021/12/27 05:16

投稿

fc2LiveAdult
fc2LiveAdult

スコア4

test CHANGED
File without changes
test CHANGED
@@ -192,11 +192,11 @@
192
192
 
193
193
  " " +
194
194
 
195
- className +
195
+ ${className} +
196
196
 
197
197
  '"><div class="p-top_service_slide_left_wrap_name">' +
198
198
 
199
- ["サンプルテキスト", "サンプルテキスト", "サンプルテキスト"][index] +
199
+ ["サンプルテキスト", "サンプルテキスト", "サンプルテキスト"][${index}] +
200
200
 
201
201
  '</div><label class="p-top_service_slide_left_wrap_line"></label></span>'
202
202
 
@@ -206,7 +206,7 @@
206
206
 
207
207
  return (
208
208
 
209
- '<span class="' + className + '">' + ["●", "●", "●"][index] + "</span>"
209
+ <span class="${className} swiper-pagination-bullet-custom">["●", "●", "●"][${index}]</span>
210
210
 
211
211
  );
212
212
 

1

不具合の追加

2021/12/27 05:15

投稿

fc2LiveAdult
fc2LiveAdult

スコア4

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  コーポレートサイトをwordpressからnuxtに置き換えています。
4
4
 
5
- jqeuryで書いたswierの独自ペジネーションをvueファイルき換えたいです。
5
+ jqueryで書いたswierの独自ペジネーションをvue-awesome-swiperき換えたいです。
6
6
 
7
7
 
8
8
 
@@ -10,7 +10,9 @@
10
10
 
11
11
  ### 発生しているエラー
12
12
 
13
- vueファイルでのrenderBulletが発火しない
13
+ vueファイルでのrenderBulletが発火しません。ブラウザで見ると`p-top_service_slide_left`の要素は空にってます。
14
+
15
+
14
16
 
15
17
  jqueryでは発火します
16
18
 
@@ -22,8 +24,6 @@
22
24
 
23
25
  ```html
24
26
 
25
- <!--vueファイルで置き換えたhtml -->
26
-
27
27
  <div class="p-top_service">
28
28
 
29
29
  <p class="c-bigtitle p-top_service_title">Service</p>
@@ -40,6 +40,28 @@
40
40
 
41
41
  <swiper-slide>
42
42
 
43
+ <nuxt-link to="/aaaaa" class="p-top_service_slide_right_wrap_item">
44
+
45
+ <img
46
+
47
+ class="p-top_service_slide_right_wrap_item_img"
48
+
49
+ src="~assets/img/top/sample.jpg"
50
+
51
+ />
52
+
53
+ <p class="p-top_service_slide_right_wrap_item_txt">
54
+
55
+ サンプルテキスト
56
+
57
+ </p>
58
+
59
+ </nuxt-link>
60
+
61
+ </swiper-slide>
62
+
63
+ <swiper-slide>
64
+
43
65
  <nuxt-link to="/weare" class="p-top_service_slide_right_wrap_item">
44
66
 
45
67
  <img
@@ -60,28 +82,6 @@
60
82
 
61
83
  </swiper-slide>
62
84
 
63
- <swiper-slide>
64
-
65
- <nuxt-link to="/weare" class="p-top_service_slide_right_wrap_item">
66
-
67
- <img
68
-
69
- class="p-top_service_slide_right_wrap_item_img"
70
-
71
- src="~assets/img/top/sample.jpg"
72
-
73
- />
74
-
75
- <p class="p-top_service_slide_right_wrap_item_txt">
76
-
77
- サンプルテキスト
78
-
79
- </p>
80
-
81
- </nuxt-link>
82
-
83
- </swiper-slide>
84
-
85
85
  </swiper>
86
86
 
87
87
  </client-only>