{"id":766,"date":"2022-10-03T10:53:56","date_gmt":"2022-10-03T01:53:56","guid":{"rendered":"https:\/\/www.fsquare.co.kr\/?p=766"},"modified":"2024-11-12T12:51:27","modified_gmt":"2024-11-12T03:51:27","slug":"nativescript-vue-onload%ec%b2%98%eb%a6%ac%ec%99%80-scrollevent","status":"publish","type":"post","link":"https:\/\/www.fsquare.co.kr\/?p=766","title":{"rendered":"Nativescript-vue Onload event\uc640 Scrollbar event"},"content":{"rendered":"\r\n<p>\ucc98\uc74c \ud654\uba74\uc774 \ub85c\ub529\ub418\uc5c8\uc744\ub54c Default\ub85c \uc2e4\ud589\ud558\ub3c4\ub85d \ud558\ub294 \uacbd\uc6b0 onload \uc774\ubca4\ud2b8 \ud578\ub4e4\ub7ec\ub97c \uc0ac\uc6a9.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">&lt;Page @loaded=\"read\"&gt;\u00a0 \u00a0 \/\/ &lt;======= <strong>@onload \uc774\ubca4\ud2b8 \ud578\ub4e4\ub7ec\ub97c \uc774\uc6a9\ud558\uc5ec \ud398\uc774\uc9c0 \uc2dc\uc791\uc2dc \uae30\ubcf8 \uc2e4\ud589<br \/><\/strong>    &lt;ActionBar title=\"Main List\"&gt;<br \/>        &lt;StackLayout&gt;<br \/>            &lt;Image class=\"logo\" src=\"~\/assets\/images\/logo.png\" \/&gt;&lt;Label :text=\"scrollText\" \/&gt;<br \/>        &lt;\/StackLayout&gt;<br \/>    &lt;\/ActionBar&gt;<br \/><br \/>    &lt;ScrollView @scroll=\"read\"&gt;\u00a0 \/\/ <strong>&lt;====== @scroll \uc774\ubca4\ud2b8 \ud578\ub4dc\ub7ec\ub97c \uc774\uc6a9\ud558\uc5ec \ud398\uc9c0\uc774 \uc2a4\ud06c\ub864\uc2dc \uc2e4\ud589<\/strong><br \/>        &lt;StackLayout&gt;<br \/>            &lt;Post v-for=\"(item, index) in posts\"<br \/>                    :key=\"index\"<br \/>                    :Image=\"item.Image\"<br \/>                    :Favor=\"item.Favor\"<br \/>             \/&gt;<br \/>        &lt;\/StackLayout&gt;<br \/>    &lt;\/ScrollView&gt;<br \/>&lt;\/Page&gt;<strong><br \/><\/strong><\/pre>\r\n\r\n\r\n\r\n<p>\uc774 \uacbd\uc6b0 \ud398\uc774\uc9c0\ub97c \uc870\uae08\ub9cc \uc6c0\uc9c1\uc5ec\ub3c4 \ubc14\ub85c \uc2a4\ud06c\ub864 \uc774\ubca4\ud2b8\uac00 \ubc1c\uc0dd\ud558\ubbc0\ub85c \uc774\ubca4\ud2b8 \ucc98\ub9ac\uc2dc\uc5d0 \uc774\ub97c \uccb4\ud06c\ud558\ub3c4\ub85d \ucf54\ub4dc \ucd94\uac00<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">methods: {\r\n    read(args) {\r\n        if( ... &amp;&amp;\u00a0 args.object.verticalOffset != undefined &amp;&amp; args.object.scrollableHeight != undefined) {\r\n            if ( args.object.verticalOffset &lt; args.object.scrollableHeight * 0.99 ) {\r\n                return true;\r\n            }\r\n        }<\/pre>\r\n\r\n\r\n\r\n<p>\uc2a4\ud06c\ub864 \uc774\ubca4\ud2b8 \ubc1c\uc0dd\uc2dc \ub118\uc5b4\uc628 args \ud30c\ub77c\ubbf8\ud130\ub294 \ub2e4\uc74c\uc774 \uc18d\uc131\ub4e4\uc744 \uac00\uc9c0\uace0 \uccb4\ud06c\ud560 \uc218 \uc788\uc74c.<\/p>\r\n\r\n\r\n\r\n<pre class=\"wp-block-preformatted\">\/\/args.object.getMeasuredHeight() : \ud654\uba74\uc0c1 \ub192\uc774\r\n\/\/args.object.effectiveHeight :\r\n\/\/args.object.height : css \uc0c1 \ub192\uc774. \ubcf4\ud1b5 auto\r\n\/\/args.object.scrollableHeight : scroll bar \ub85c \ub098\ud0c0\ub0bc \uc218 \uc788\ub294 \ucd5c\ub300 \ub192\uc774<\/pre>\r\n","protected":false},"excerpt":{"rendered":"<p>\ucc98\uc74c \ud654\uba74\uc774 \ub85c\ub529\ub418\uc5c8\uc744\ub54c Default\ub85c \uc2e4\ud589\ud558\ub3c4\ub85d \ud558\ub294 \uacbd\uc6b0 onload \uc774\ubca4\ud2b8 \ud578\ub4e4\ub7ec\ub97c \uc0ac\uc6a9. &lt;Page @loaded=&#8221;read&#8221;&gt;\u00a0 \u00a0 \/\/ &lt;======= @onload \uc774\ubca4\ud2b8 \ud578\ub4e4\ub7ec\ub97c \uc774\uc6a9\ud558\uc5ec \ud398\uc774\uc9c0 \uc2dc\uc791\uc2dc \uae30\ubcf8 \uc2e4\ud589 &lt;ActionBar title=&#8221;Main List&#8221;&gt; &lt;StackLayout&gt; &lt;Image class=&#8221;logo&#8221; src=&#8221;~\/assets\/images\/logo.png&#8221; \/&gt;&lt;Label :text=&#8221;scrollText&#8221; \/&gt; &lt;\/StackLayout&gt; &lt;\/ActionBar&gt; &lt;ScrollView @scroll=&#8221;read&#8221;&gt;\u00a0 \/\/ &lt;====== @scroll \uc774\ubca4\ud2b8 \ud578\ub4dc\ub7ec\ub97c \uc774\uc6a9\ud558\uc5ec \ud398\uc9c0\uc774 \uc2a4\ud06c\ub864\uc2dc \uc2e4\ud589 &lt;StackLayout&gt; &lt;Post v-for=&#8221;(item, index) in posts&#8221; :key=&#8221;index&#8221; :Image=&#8221;item.Image&#8221; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36,28],"tags":[],"class_list":["post-766","post","type-post","status-publish","format-standard","hentry","category-nativescript","category-vue"],"_links":{"self":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=766"}],"version-history":[{"count":6,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/766\/revisions"}],"predecessor-version":[{"id":1010,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/766\/revisions\/1010"}],"wp:attachment":[{"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=766"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fsquare.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}