copyscript

선택한 Vue.js 옵션이 값을 기반으로 하지 않음 API 호출에서 다음과 같이 json 개체가 반환되었습니다. "countries": [ { "id": 1, "iso": US, "name": "United States", }, { "id": 2, "iso": FR, "name": "France", }, { "id": 3, "iso": GB, "name": "United Kingdom", }, ] 내 vue 컴포넌트: {{ country.name }} ISO 코드를 기반으로 세 번째 json 인스턴스를 미리 선택하는 방법은 무엇입니까? v-for 내부의 다음 코드가 작동하지 않음 :selected="country.iso === 'GB'" 물론 할 수 있다 data: function () { country..

vue-router 링크가 가끔 잘못된 페이지로 연결되거나 전혀 작동하지 않는 이유는 무엇입니까? Vue Router를 사용하는 Vue.js 단일 페이지 응용 프로그램에서 이상한 오류가 발생했습니다.이 경우 대상 페이지를 결정하는 변수는 올바르지만 링크가 올바른 페이지로 연결되지 않을 수 있습니다. 이것은 설명보다 보기 좋기 때문에 현재 상태로 앱을 도입했습니다.http://daggy1.watchduck.net/nodes/2에 접속하여 부모/자녀 섹션의 링크를 클릭하여 해당 링크를 안내하는 페이지에서 동일한 작업을 다시 수행합니다.이동하는 페이지가 올바르지 않을 수도 있고 링크가 제대로 작동하지 않을 수도 있습니다.맨 위에 있는 전체 목록의 링크는 항상 정상적으로 작동합니다. Devtools가 활성화되고..

VueJ: 감시자 내부에서 구성 요소 속성을 업데이트할 수 없습니다. 저는 Vuex를 사용하는 Vue 2 Webpack 어플리케이션을 만들고 있습니다.Vuex 스토어에서 데이터를 가져오는 계산된 속성을 보고 구성 요소의 로컬 상태를 업데이트하려고 합니다.이게 그 내부입니다.컴포넌트의 섹션은 다음과 같습니다. export default { name: 'MyComponent', data() { return { // UI modal: { classes: { 'modal__show-modal': false, }, tags: [], }, }; }, computed: { tagList() { return this.$store.getters.tagList; }, }, watch: { tagList: (updatedL..

새 탭에서 부트스트랩 모달 열기 오픈할 수 있는 방법이 있나요?bootstrap modal클릭 후 새 탭으로 이동middle mouse button(또는 클릭만 하면 됩니다)right mouse button아이템과click"새 탭에서 열기" 예상되는 동작: 사용자는 다음을 클릭하여 동일한 탭에서 모달 열기left mouse button아이템으로또, 유저에게middle mouse button새 탭에서 모달 열기. 비슷한 작업(아래 링크)은 할 수 있지만 다음 링크에서는 처리할 수 없습니다.modal어떻게 해서든 새로운 탭으로 모달 전달이 가능합니까? JSFiddle:http://jsfiddle.net/vqxf7zyk/1/ (Google로 리다이렉트하는 대신 탭에 새로운 모달(modal)이 있어야 합니다.)..

여러 테이블 행을 반환하는 Vue 구성 요소 단일 구성 요소에서 두 개의 TR 요소를 반환하려고 합니다.v-design-row. vue는 템플릿 요소를 div로 감싸야 한다는 것을 알지만 html 테이블이 요구하는 태그 구조 때문에 div로 묶을 수 없습니다.두 번째를 더하면tr에서v-design-rowvue는 아무것도 렌더링하지 않습니다. 이것을 달성하기 위한 가장 좋은 방법을 제안할 수 있는 사람이 있나요? main.vue Image Name Description Status Order Edit Delete v-design-row.표시하다 {{ design.name }} Show {{ design.sort_order }} {{ design.description }} 여러 개를 사용하여 행을 그룹화할 ..

Nuxt SSR에서 여권 js 리다이렉트를 처리하려면 어떻게 해야 합니까? 익스프레스 세션에서 Nuxt SSR를 사용하고 있으며 서버 측에서 JS 리다이렉트 패스포트를 가지고 있습니다. /** * POST /signup * Create a new local account. */ exports.postSignup = (req, res, next) => { const validationErrors = []; if (!validator.isEmail(req.body.email)) validationErrors.push({ msg: 'Please enter a valid email address.' }); if (!validator.isLength(req.body.password, { min: 8 })) val..

VM을 사용할 시기 또는 이 항목을 선택합니다.Vue.js로 vue.js에서 "this"라는 단어를 언제 사용해야 할지 잘 모르겠습니다.예를 들어, 아래 코드에서는 "this" 대신 "vm"을 사용하는 경우 코드가 작동하지 않습니다. "self"를 사용한 예도 몇 가지 보았지만, 저는 Javascript guru가 아니기 때문에 매우 혼란스럽습니다. var vm = new Vue({ el: '#app', data: { tickets: [], top: 100, search: '', showAdd: false, }, mounted: function () { this.$nextTick(function () { console.log('mounted'); this.GetTickets(100); }) }, meth..

다른 vue 앱에 vue 앱을 포함하려면 어떻게 해야 합니까? 저는 현재 다른 고객 사이트에 포함될 위젯을 생성해 달라는 요청을 받고 있습니다. 예를 들어 다음과 같습니다. 두 가지 제약사항이 있습니다. iframe 사용은 금지되어 있습니다. 고객님의 웹사이트는 모든 기술(PHP, React, ANGular, Vue.js, JQuery 등)에서 실행할 수 있습니다. 요청하신 위젯은 인터랙티브해야 하기 때문에 javascript framwork를 사용하여 개발하고 싶었습니다(Vue.js를 생각했습니다). 다만, 고객의 Web 사이트가 이미 다른 버전의 Vue.js를 사용하고 있는 경우 등, 몇개의 경합(또는 고객의 Web 사이트 파손)이 발생할 가능성이 있다고 생각했습니다. 해결책을 찾고 고민하는 데 몇 ..

루트 요소를 들여쓴 후에만 Vue.js가 올바르게 렌더링되지 않아야 함 이 코드에서 콧수염이 일반 텍스트로 렌더링되는 것이 말이 됩니까? {{ myVar }} 이 코드에서는, 다음과 같이 올바르게 표현됩니다. {{ myVar }} 유일한 차이점은 루트 요소를 이동했다는 것입니다. 이 모든 것을 한 줄로 정리하면 다음과 같은 효과를 얻을 수 있습니다. {{ myVar }} Vue.js 렌더러에 오류가 있는 건가요?아니면 뭔가 잘못 이해한 건가요? 언급URL : https://stackoverflow.com/questions/50082509/vue-js-mustach-not-correctly-rendered-only-after-indenting-root-element

M은 Vue와 함께 Materialize-css를 사용할 때 정의되지 않습니다. Vue와 함께 Materialize css를 사용하고 있습니다.npm 모듈로 설치하여 main.js로 Import하였습니다. import Material from "materialize-css"; import "materialize-css/dist/css/materialize.min.css"; import "materialize-css/dist/js/materialize.min.js"; Vue.use(Material); 모든 css는 정상적으로 동작하고 있습니다만, material box와 같은 javascript 컴포넌트를 사용하려고 하면 const mb = document.querySelectorAll(".material..