คำถามติดแท็ก vuejs2

ใช้แท็กนี้สำหรับคำถามเฉพาะสำหรับ Vue.js เวอร์ชัน 2 ซึ่งเป็นโอเพนซอร์สเฟรมเวิร์ก Javascript แบบโปรเกรสซีฟสำหรับการสร้างอินเทอร์เฟซผู้ใช้

13
วิธีฟังการเปลี่ยนแปลง 'อุปกรณ์ประกอบฉาก'
ในเอกสาร VueJs 2.0ฉันไม่พบ hooks ที่จะฟังpropsการเปลี่ยนแปลง VueJs มีตะขอเช่นนั้นonPropsUpdated()หรือคล้ายกัน? ปรับปรุง ตามที่ @wostex แนะนำฉันได้ลองใช้watchทรัพย์สินของฉัน แต่ไม่มีอะไรเปลี่ยนแปลง จากนั้นฉันก็รู้ว่าฉันมีคดีพิเศษ: <template> <child :my-prop="myProp"></child> </template> <script> export default { props: ['myProp'] } </script> ฉันกำลังส่งผ่านmyPropองค์ประกอบหลักที่ได้รับไปยังchildองค์ประกอบ จากนั้นwatch: {myProp: ...}ไม่ทำงาน

10
ฉันสามารถส่งผ่านพารามิเตอร์ในคุณสมบัติที่คำนวณได้ใน Vue.Js
เป็นไปได้ที่จะผ่านพารามิเตอร์ในคุณสมบัติที่คำนวณได้ใน Vue.Js ฉันสามารถเห็นเมื่อมี getters / setter โดยใช้การคำนวณพวกเขาสามารถใช้พารามิเตอร์และกำหนดให้กับตัวแปร ชอบที่นี่จากเอกสาร : // ... computed: { fullName: { // getter get: function () { return this.firstName + ' ' + this.lastName }, // setter set: function (newValue) { var names = newValue.split(' ') this.firstName = names[0] this.lastName = names[names.length - 1] } } …

7
Vue v-on: การคลิกไม่ทำงานกับส่วนประกอบ
ฉันพยายามใช้คำสั่งคลิกเมื่อภายในองค์ประกอบ แต่ดูเหมือนจะไม่ทำงาน เมื่อฉันคลิกส่วนประกอบที่ไม่มีอะไรเกิดขึ้นเมื่อฉันควรได้รับ 'คลิกทดสอบ' ในคอนโซล ฉันไม่เห็นข้อผิดพลาดใด ๆ ในคอนโซลดังนั้นฉันไม่รู้ว่าฉันทำอะไรผิด index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vuetest</title> </head> <body> <div id="app"></div> <!-- built files will be auto injected --> </body> </html> App.vue <template> <div id="app"> <test v-on:click="testFunction"></test> </div> </template> <script> import Test from './components/Test' export default { name: 'app', methods: { …

24
Vue 2 - เปลี่ยนอุปกรณ์ประกอบฉาก vue-warn
ฉันเริ่มต้นhttps://laracasts.com/series/learning-vue-step-by-stepซีรี่ส์ ฉันหยุดบทเรียนVue, Laravel และ AJAXด้วยข้อผิดพลาดนี้: vue.js: 2574 [เตือนของ Vue]: หลีกเลี่ยงการกลายพันธุ์ prop โดยตรงเนื่องจากค่าจะถูกเขียนทับเมื่อใดก็ตามที่องค์ประกอบหลักแสดงผลอีกครั้ง ให้ใช้ข้อมูลหรือคุณสมบัติที่คำนวณได้แทนตามค่าของ prop Prop กำลังกลายพันธุ์: "รายการ" (พบในส่วนประกอบ) ฉันมีรหัสนี้ในmain.js Vue.component('task', { template: '#task-template', props: ['list'], created() { this.list = JSON.parse(this.list); } }); new Vue({ el: '.container' }) ฉันรู้ว่าปัญหานั้นสร้างขึ้น ()เมื่อฉันเขียนทับเสารายการ แต่ฉันเป็นมือใหม่ใน Vue ดังนั้นฉันจึงไม่รู้วิธีแก้ไขโดยสิ้นเชิง ใครมีความคิดวิธี (และโปรดอธิบายว่าทำไม) เพื่อแก้ไขหรือไม่


17
vue.js 2 วิธีดูค่าร้านค้าจาก vuex
ฉันใช้vuexและvuejs 2ร่วมกัน ฉันยังใหม่กับvuexฉันต้องการดูการstoreเปลี่ยนแปลงตัวแปร ฉันต้องการเพิ่มwatchฟังก์ชั่นในของฉันvue component นี่คือสิ่งที่ฉันมี: import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) { state.my_state = token; }, }; ฉันต้องการทราบว่ามีการเปลี่ยนแปลงใด ๆ ในหรือไม่ my_state ฉันจะดูstore.my_stateในองค์ประกอบ vuejs ของฉันได้อย่างไร

9
วิธีการเรียกฟังก์ชั่นเกี่ยวกับองค์ประกอบของเด็กในเหตุการณ์ผู้ปกครอง
บริบท ใน Vue 2.0 เอกสารและอื่น ๆระบุอย่างชัดเจนว่าการสื่อสารจากพ่อแม่ถึงเด็กเกิดขึ้นผ่านอุปกรณ์ประกอบฉาก คำถาม ผู้ปกครองบอกให้เด็กรู้เหตุการณ์ที่เกิดขึ้นผ่านอุปกรณ์ประกอบฉากได้อย่างไร ฉันควรจะดูเหตุการณ์ที่เรียกว่าเสา? ไม่รู้สึกว่าถูกต้องและไม่ทำทางเลือก ( $emit/ $onสำหรับเด็กสู่ผู้ปกครองและเป็นโมเดลฮับสำหรับองค์ประกอบที่อยู่ห่างไกล) ตัวอย่าง ฉันมีคอนเทนเนอร์หลักและจำเป็นต้องแจ้งคอนเทนเนอร์ย่อยของเด็กว่าการมีส่วนร่วมในการดำเนินการบางอย่างกับ API นั้นทำได้ดี ฉันต้องการที่จะสามารถเรียกใช้ฟังก์ชั่น

2
มีวิธีการส่งการกระทำระหว่างสองโมดูล vuex เนมสเปซหรือไม่?
เป็นไปได้หรือไม่ที่จะส่งการกระทำระหว่างโมดูลเนมสเปซ เช่นฉันมีโมดูล "gameboard" และ "การแจ้งเตือน" ของโมดูล vuex แต่ละคนมีเนมสเปซ ฉันต้องการส่งการกระทำจาก gameboard ไปยังโมดูลการแจ้งเตือน ฉันคิดว่าฉันสามารถใช้ชื่อโมดูลในชื่อการกระทำการจัดส่งเช่นนี้: // store/modules/gameboard.js const actions = { myaction ({dispatch}) { ... dispatch('notification/triggerSelfDismissingNotifcation', {...}) } } // store/modules/notification.js const actions = { triggerSelfDismissingNotification (context, payload) { ... } } แต่เมื่อฉันพยายามทำสิ่งนี้ฉันได้รับข้อผิดพลาดที่ทำให้ฉันสิ่ง vuex พยายามส่งการกระทำภายในโมดูล gameboard ของฉัน: [vuex] ประเภทการกระทำในท้องถิ่นที่ไม่รู้จัก: การแจ้งเตือน / ทริกเกอร์ SelfDismissing …
159 vue.js  vuejs2  vuex 

12
วิธีเพิ่มสคริปต์ JS ภายนอกให้กับ VueJS Components
ฉันจะใช้สคริปต์ภายนอกสองสคริปต์สำหรับเกตเวย์การชำระเงิน ตอนนี้ทั้งคู่ถูกใส่ในindex.htmlไฟล์ อย่างไรก็ตามฉันไม่ต้องการโหลดไฟล์เหล่านี้ในตอนต้น จำเป็นต้องใช้เกตเวย์การชำระเงินเฉพาะเมื่อผู้ใช้เปิดส่วนประกอบเฉพาะ ( using router-view) อย่างไรก็ตามมีเพื่อให้บรรลุนี้

13
วิธีใช้ debounce ใน Vue2
ฉันมีช่องป้อนข้อมูลอย่างง่ายในเทมเพลต Vue และฉันต้องการใช้ debounce มากหรือน้อยเช่นนี้ <input type="text" v-model="filterKey" debounce="500"> แต่debounceคุณสมบัติที่ได้รับการคัดค้านใน Vue 2 คำแนะนำนี้บอกว่า: "ใช้ v-on: input + ฟังก์ชั่น debounce บุคคลที่สาม" คุณใช้มันอย่างถูกต้องได้อย่างไร? ฉันพยายามที่จะใช้มันโดยใช้lodash , v-on: inputและv-modelแต่ฉันสงสัยว่ามันเป็นไปได้ที่จะทำโดยไม่มีตัวแปรพิเศษหรือไม่ ในเทมเพลต: <input type="text" v-on:input="debounceInput" v-model="searchInput"> ในสคริปต์: data: function () { return { searchInput: '', filterKey: '' } }, methods: { debounceInput: _.debounce(function () { this.filterKey …

6
Vuejs: เหตุการณ์เกี่ยวกับการเปลี่ยนเส้นทาง
ในหน้าหลักของฉันฉันมีดรอปดาวน์ที่แสดงv-show=showโดยคลิกที่ลิงค์@click = "show=!show"และฉันต้องการตั้งค่าshow=falseเมื่อฉันเปลี่ยนเส้นทาง โปรดแนะนำฉันว่าจะตระหนักถึงสิ่งนี้ได้อย่างไร


15
จะปรับใช้แอป Vue ได้อย่างไร
ฉันควรทำอย่างไรหลังจากพัฒนาแอปVueด้วยvue-cli? ในAngularมีคำสั่งบางอย่างที่รวมสคริปต์ทั้งหมดไว้ในสคริปต์เดียวจากนั้นไฟล์เหล่านี้จะถูกส่งไปยังโฮสต์ มีบางอย่างที่เหมือนกันในVueหรือไม่?
133 vue.js  vuejs2  vue-cli 

4
ความแตกต่างระหว่างมุมมองและโฟลเดอร์ส่วนประกอบในโครงการ Vue คืออะไร?
ฉันเพิ่งใช้บรรทัดคำสั่ง ( CLI) เพื่อเริ่มต้นโครงการ Vue.js CLIสร้างsrc/componentsและsrc/viewsโฟลเดอร์ เป็นเวลาสองสามเดือนแล้วที่ฉันทำงานกับโครงการ Vue และโครงสร้างโฟลเดอร์ดูเหมือนจะใหม่สำหรับฉัน อะไรคือความแตกต่างระหว่างviewsและcomponentsโฟลเดอร์ในโครงการ Vue ที่สร้างขึ้นด้วยvue-cli?

3
Vuex - ส่งผ่านพารามิเตอร์หลายตัวเพื่อการกลายพันธุ์
ฉันพยายามตรวจสอบสิทธิ์ผู้ใช้โดยใช้หนังสือเดินทางของ vuejs และ laravel ฉันไม่สามารถหาวิธีส่งพารามิเตอร์หลายตัวไปยังการกลายพันธุ์ของ vuex ผ่านการกระทำได้ - ร้านค้า - export default new Vuex.Store({ state: { isAuth: !!localStorage.getItem('token') }, getters: { isLoggedIn(state) { return state.isAuth } }, mutations: { authenticate(token, expiration) { localStorage.setItem('token', token) localStorage.setItem('expiration', expiration) } }, actions: { authenticate: ({ commit }, token, expiration) => commit('authenticate', token, expiration) …
126 vue.js  vuejs2  vuex 

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.