Q&A
「ホッとした挙動」って何でしょうか。あまり抽象的な表現は控えられた方が良いと思います。
前提・実現したいこと
Vue.jsでdomを構築したしたのちに、クリックイベントを
受け取り、templateスコープを再利用したいと考えてます。
ここに質問の内容を詳しく書いてください。
具体的にはjQueryで待ち受けして、vue.jsのハンドラに送りますが
最終的にVue.jsでDomを構築後、テンプレートを
methodsから読み込ませる方法をしりたいだけです
該当のソースコード
vu.js
1<html> 2 3<head> 4 <script src="https://code.jquery.com/jquery.js"></script> 5 <script src="http://unpkg.com/vue/dist/vue.js"></script> 6 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> 7 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> 8</head> 9 10<body> 11 <div id="app"> 12 <myclass></myclass> 13 </div> 14 <script type="text/x-template" id="query"> 15 <div> 16 <input id="message" v-on:input="ClickFuk"> 17 <button data-update="jQuery">jQueryからの更新</button> 18 </div> 19 </script> 20 <script> 21 $(document).on('click', ['data-update'], function() { 22 $("#message").val($(this).attr('data-update')) 23 $("#message")[0].dispatchEvent(new Event('input')) 24 }); 25 Vue.component('myclass', { 26 template: "#query", 27 data: function() { 28 return {} 29 }, 30 methods: { 31 ClickFuk: function() { 32 //ここからDom構築後に別のテンプレートに読み込ませて、v-forやv-ifの処理をしたい 33 } 34 } 35 }); 36 new Vue({ 37 el: "#app", 38 data: {}, 39 methods: { 40 one: function() { 41 var xy = 0; 42 } 43 } 44 }); 45 46 </script> 47</body> 48 49</html> 50
試したこと
mountやdestroyedやupdateなどを使って
Domを壊して、作り直そうとしましたが、情報がバラバラ過ぎて判りません
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
んー、「変える、代替する（change、replace的な）」→「relieve」→「ホッとした」ということでしょうかね……
もし日本語話者でないなら、英語で質問できる場所で質問したほうがいいと思います
遠いですね・・・。コード内に全角空白たんまり入ってるので微妙なところですね。
If you can’t speak Japanese,I think you should use other survices.
もし質問者さんが日本語が喋れないのなら、他のサービスを利用した方が良いと私は考えます。
実際にやりたいことは、たとえば次のリンクのようなことでしょうか? : https://medium.com/scrumpy/dynamic-component-templates-with-vue-js-d9236ab183bb
「ちょっとした」の打ち間違いかなと思いました。
それにしても返事がないですねえ…。
あなたの回答
tips
プレビュー
