<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ja">
		<id>https://wiki.nonip.net/index.php?action=history&amp;feed=atom&amp;title=Javascript%2Fvue%2Fnode%2F%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%2Fmodal</id>
		<title>Javascript/vue/node/ライブラリ/modal - 変更履歴</title>
		<link rel="self" type="application/atom+xml" href="https://wiki.nonip.net/index.php?action=history&amp;feed=atom&amp;title=Javascript%2Fvue%2Fnode%2F%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%2Fmodal"/>
		<link rel="alternate" type="text/html" href="https://wiki.nonip.net/index.php?title=Javascript/vue/node/%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/modal&amp;action=history"/>
		<updated>2026-04-25T00:22:00Z</updated>
		<subtitle>このウィキのこのページに関する変更履歴</subtitle>
		<generator>MediaWiki 1.24.2</generator>

	<entry>
		<id>https://wiki.nonip.net/index.php?title=Javascript/vue/node/%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/modal&amp;diff=6208&amp;oldid=prev</id>
		<title>2018年5月30日 (水) 08:04にAdminによる</title>
		<link rel="alternate" type="text/html" href="https://wiki.nonip.net/index.php?title=Javascript/vue/node/%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/modal&amp;diff=6208&amp;oldid=prev"/>
				<updated>2018-05-30T08:04:17Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;←前の版&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;2018年5月30日 (水) 08:04時点における版&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;行23:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;行23:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160; &amp;lt;modal name=&amp;quot;hello-world&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160; &amp;lt;modal name=&amp;quot;hello-world&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160;&amp;#160;  hello, world!&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160;&amp;#160;  hello, world!&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt; &amp;lt;/modal&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;==中央に60%でスクロール許可表示==&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt; &amp;lt;modal name=&amp;quot;hello-world&amp;quot; height=&amp;quot;auto&amp;quot; width=&amp;quot;60%&amp;quot; :scrollable=&amp;quot;true&amp;quot;&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160; &amp;lt;/modal&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#160; &amp;lt;/modal&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Admin</name></author>	</entry>

	<entry>
		<id>https://wiki.nonip.net/index.php?title=Javascript/vue/node/%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/modal&amp;diff=6207&amp;oldid=prev</id>
		<title>Admin: ページの作成:「==modalとは== lightbox(modal)系プラグイン  ==install==  npm install vue-js-modal --save  ==sample== js-init  import VModal from 'vue-js-modal'  Vue.use(VModal)  j...」</title>
		<link rel="alternate" type="text/html" href="https://wiki.nonip.net/index.php?title=Javascript/vue/node/%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA/modal&amp;diff=6207&amp;oldid=prev"/>
				<updated>2018-05-30T08:03:07Z</updated>
		
		<summary type="html">&lt;p&gt;ページの作成:「==modalとは== lightbox(modal)系プラグイン  ==install==  npm install vue-js-modal --save  ==sample== js-init  import VModal from &amp;#039;vue-js-modal&amp;#039;  Vue.use(VModal)  j...」&lt;/p&gt;
&lt;p&gt;&lt;b&gt;新規ページ&lt;/b&gt;&lt;/p&gt;&lt;div&gt;==modalとは==&lt;br /&gt;
lightbox(modal)系プラグイン&lt;br /&gt;
&lt;br /&gt;
==install==&lt;br /&gt;
 npm install vue-js-modal --save&lt;br /&gt;
&lt;br /&gt;
==sample==&lt;br /&gt;
js-init&lt;br /&gt;
 import VModal from 'vue-js-modal'&lt;br /&gt;
 Vue.use(VModal)&lt;br /&gt;
&lt;br /&gt;
js-event&lt;br /&gt;
 methods: {&lt;br /&gt;
   show () {&lt;br /&gt;
     this.$modal.show('hello-world');&lt;br /&gt;
   },&lt;br /&gt;
   hide () {&lt;br /&gt;
     this.$modal.hide('hello-world');&lt;br /&gt;
   }&lt;br /&gt;
 }&lt;br /&gt;
&lt;br /&gt;
html&lt;br /&gt;
 &amp;lt;modal name=&amp;quot;hello-world&amp;quot;&amp;gt;&lt;br /&gt;
   hello, world!&lt;br /&gt;
 &amp;lt;/modal&amp;gt;&lt;br /&gt;
&lt;br /&gt;
==vue-js-modal公式==&lt;br /&gt;
demo:http://vue-js-modal.yev.io/&lt;br /&gt;
&lt;br /&gt;
https://github.com/euvl/vue-js-modal/blob/master/README.md&lt;br /&gt;
&lt;br /&gt;
==vue-modal系は他にいっぱいある==&lt;br /&gt;
https://vuejsexamples.com/tag/modal/&lt;/div&gt;</summary>
		<author><name>Admin</name></author>	</entry>

	</feed>