itgroup

vuejs의 temp 값이 있는 테이블에서 새 레코드를 추가하는 방법 기록이 있는 테이블이 있습니다.필드를 클릭하면 인라인 편집 옵션이 있습니다.새 행을 추가할 수 있는 옵션이 있습니다. 문제는 새로 추가하기를 2번 클릭했을 때 입력이 있는 테이블에 빈 행이 2개 있고 입력을 시작하면 두 행의 필드 값이 모두 변경된다는 것입니다. 제가 사용하기 때문에.v-model="temp.name"그리고.isCreateMode그리고 제 경우에는 이것과 함께 몇 개의 행이 있습니다.temp모델인데 어떻게 대처해야 할지 모르겠어요. temp사용자가 필드 편집을 취소할 수 있기 때문에 필요합니다.생성과 편집에 동일한 입력 필드를 사용합니다. //in component // other code here computed: {..

교차 오리진 요청 차단됨:동일한 오리진 정책은 http://127.0.0.1:8000/api/task-list/의 원격 리소스를 읽을 수 없습니다. 저는 vuejs와 djangorest 단일 페이지 애플리케이션을 작업하고 있습니다.문제가 너무 명확하여 Cross-Origin 요청이 차단되었습니다. 동일한 오리진 정책에서는 원격 리소스 오류를 읽을 수 없습니다. 내 vuex 코드는 다음과 같습니다. mutations:{ addTask: function(){ axios({ url: 'http://127.0.0.1:8000/api/task-list/', method: 'POST', headers: { 'X-CSRFToken': getCookie('csrftoken') } }).then(response => {..

Vuex에서 작업으로 개체 전달 문제 Vuex 작업에 개체를 전달하려고 하는데 작동하지 않는 것 같습니다. 이 작업은 개체를 가져와서 개체를 반복하고 API 끝에 있는 문자열을 출력하여 결과를 필터링합니다. 내 구성 요소: data() { return { usersData: [], modals: { removeUser: false, id: "", filterSearch: false }, filters: { role: "user", active: "true", search: "", pageSize: "", page: "" } }; }, mounted() { this.getUsers(); }, methods: { getUsers() { console.log("object before passed = " + ..

vuej의 서버에서 데이터를 가져오는 방법은 무엇입니까? Vue + Vue + Vue 리소스를 사용하여 서버에서 데이터를 가져오려고 합니다.버튼을 클릭하면 Http 요청을 누르고 목록 형식으로 표시합니다.저는 그렇게 노력했어요.여기 제 코드가 있습니다. https://plnkr.co/edit/EAaEekLtoiGPvxkmAtrt?p=preview // Code goes here var store = new Vuex.Store({ state: { Item: [] }, mutations: { getItems: function (state) { } }, actions: { fetchData:function (context) { this.$http.get('/data.json', function(v1users)..

vuex 스토어의 라우터 ID에 액세스하고 Axios get 메서드에 추가하려면 어떻게 해야 합니까? 안녕하세요. 라우터에서 id를 받아서 axios get method에 추가하려고 합니다.이것은 store.js의 코드입니다. 정상적인 Vue 구성 요소에서는 다음과 같은 작업을 수행할 수 있습니다: id: this.$router.id 그러나 vuex 스토어에서는 작동하지 않습니다. #How can I do the same thing but in Vuex import Vue from 'vue' import Vuex from 'vuex' import Axios from 'axios'; import router from './router' Vue.use(Vuex) Vue.use(Axios) Vue.use(ro..

서비스 파일의 디스패치 돌연변이 나는 있습니다.ApiService()API 호출을 추상화하는 중입니다.그러고 싶어요.dispatch('SET_BUSY')그리고.dispatch('SET_NOT_BUSY')서비스 내에서 앱 레벨 돌연변이가 발생하지만 다음 오류가 발생합니다. TypeError: dispatch is not a function. (In 'dispatch('SET_BUSY')', 'dispatch' is undefined) /vuex/sys.js import { ApiService } from './services'; export const setAppMode = function ({ dispatch }) { ApiService({ noun: 'Application', verb: 'GetMode..

데이터에 추가한 후 Vue에서 PK를 렌더링하지 않음 데이터를 삽입할 때 pk를 렌더링하는 데 문제가 있습니다.나는 또한 pk를 사용하여 항목을 삭제할 것입니다. Username Mac Address Mac Address on Database No Maclists {{ index }} 여기는 나의 json rest입니다. [ { "url": "http://127.0.0.1:8000/api/maclist/24/", "users_name": "test1", "mac_id": "test1", "pk": 24 } ] 모듈은 아래의 addMaclist 및 deleteMaclist에 해당합니다. import maclistService from '../../services/maclistService' const st..

"변환 처리기 외부의 vuex 저장소 상태를 변환하지 않음"의 .pushends (동작, 상태, 돌연변이 및 게터)로 Vuex 스토어를 정의했습니다. 내 상태 배열에 새 작업관리를 돌연변이에 추가할 때 다음 오류가 발생했습니다. 오류: [vuex] 돌연변이 처리기 외부의 vuex 저장소 상태를 돌연변이로 만들지 않습니다. const state = { todos: [] } export default { ADD_TODO (state, payload) { state.todos.push(payload.todo) } } 상태와 함께 배열을 사용할 수 없습니까? 저는 동작이 잘 되는 todos 상태를 위한 오브젝트를 사용하여 이것도 시도했습니다.예를 들어 작업관리 변수가 데이터 섹션에서 오는 경우 포인터 문제일 수..

vuex 상태에서 메타 테마 색상 변경 메타 태그 변경 방법"theme-color"거스름돈으로Vuex상태? 사용:Vue, Vuex, register-service-worker, @vue/cli-plugin-pwa당신은 그래야 한다.dispatch이벤트, 이벤트 내부, 스토어 파일에서 메타 태그를 다음과 같이 변경합니다. document.querySelector('meta[name="theme-color"]').setAttribute("content", yourValueHere); 더 많은 정보: https://stackoverflow.com/a/36073112/2745485언급URL : https://stackoverflow.com/questions/55492369/change-meta-theme-col..

Vuex + 타입 스크립트 JavaScript 프로젝트를 TypeScript로 변환하고 있습니다.그러나 Vue에서 Vuex를 사용하려고 하면 유형 오류가 발생합니다. import Vue from "vue"; import Vuex from "vuex"; Vue.use(Vuex); vuex가 vuej와 같은 유형 정의를 제공하지 않는 것이 문제인 것 같습니다. 왜냐하면 나도 세팅해야 하기 때문이다. "allowSyntheticDefaultImports": true tsconfig.json으로 이동합니다. 이 문제를 해결하고 Vue.use가 Vuex를 올바른 유형으로 받아들이도록 하려면 어떻게 해야 합니까?좀 더 나은 답변이 있으면 좋겠지만, 결국 node_modules를 삭제하고 다시 설치하게 되었습니다.버..