cyworld

DOM에 삽입할 때 Vue 컴파일 컴파일된 요소를DOM그러나 그것은 문서와 같이 미리 정의된 위치가 아닌 임의의 장소에 삽입될 것이다... var res = Vue.compile('{{ msg }}') new Vue({ data: { msg: 'hello' }, render: res.render, staticRenderFns: res.staticRenderFns }) 모든 접근 방법V-for,V-if/show사전 정의된 요소도 필요하기 때문에 작동하지 않는다. 이런 걸 해봤는데... document.getElementById('elPai').insertAdjacentHTML('beforeend', Vue.compile('{{ msg }}')); '렌더'와 'StaticRenderFns'를 포함하는 개체를..

vuejs에서 라디오 버튼을 기본적으로 선택하도록 하는 방법? 나는 프로젝트에서 VueJs를 사용하고 있는데, 페이지 로드 라디오 버튼 상태가 필요할 때 라디오 버튼 변경 후 벨로우 디브는 숨어서 보여야 한다. 나는 벨로우 코드를 쓰지만 작동하지 않는다. html ---- javascript --------- new Vue({ el: '#demo', data: { checked: true }, methods:{ onChange:function(){ checked=false; } } }) 분명히, Vue는 바운드 값이 입력 값과 동일할 경우 입력을 확인할 것이다. 다음 주소를 확인하십시오. https://jsfiddle.net/v7zj4c13/188/ new Vue({ el: '#demo', data: {..

vue.js 변경에 대한 파일 입력 일반 HTML/JS를 사용하면 다음과 같은 입력 요소에 대해 선택된 파일의 JavaScript File 개체를 볼 수 있다. 그러나 'Vue' 방식으로 전환하면 의도한 대로 작동하지 않고 단순히 되돌아오는 것 같다.undefined파일 개체 배열을 반환하는 대신 내 Vue 템플릿의 모양은 다음과 같다. 어디?previewFiles함수는 단순하게 다음과 같다(방법에서 알 수 있음: methods: { previewFiles: function(files) { console.log(files) } } 이를 위한 대체/정확한 방법이 있는가?고마워요.또 다른 해결책: methods: { previewFiles(event) { console.log(event.target.file..

형식 설명에서 Vue 구성 요소의 프로펠러 값을 인식하지 못함 나는 다음과 같은 Vue 구성요소를 가지고 있다.다른 데이터로 두세 번 사용되는 일반 사이드 바를 구성하기 위한 것이다. {{ title }} {{ prop.name }} edit 내가 가지고 있는 질문은 이것이다.사용해야 하는 이유this.$props.pathbase에 접근하다pathbase여기서 가치?왜 그럴까?this.pathbaseTypecript에 의해 "유효하지 않은" 것으로 간주되는가?무턱대고 소품 출입을 시도한 것은 이번이 처음이 아니다.$props타이펙트가 이것에 대해 불평한 것은 이번이 처음이다.게다가 만약 내가 사용한다면this.pathbase, Typecript는 내 편집기(VSCode)에서 불평하지만 Vue는 오류 없이..

Vuej 어레이의 항목에서 v-model을 사용하는 경우 데이터 바인딩이 작동하지 않음 Vue.js에 처음.내가 여기서 어디가 잘못되고 있는지 잘 모르겠어.나는 네가 추가할 수 있는 동적 사용자 목록을 가지고 있다.나는 또한 사용자들에 대한 모델 변경으로 최근 상태를 유지하고 싶은 선택사항이 있다.그러나 사용자 정보를 변경하면 선택 항목이 업데이트되지 않는다.코드랑 피들 첨부해놨어 HTML: Users User ID: First Name: Last Name: This select should stay synced with what is entered above {{user.firstName}} {{user.lastName}} JavaScript: var app = new Vue({ el: "#app", ..

Vue 라우터:쿼리 매개 변수 유지 및 하위 항목에 대해 동일한 보기 사용 나는 Vue로 기존의 Angul 1 어플리케이션을 다시 쓰고 있어. 애플리케이션은 항상 다음을 통해 사용자를 인증해야 함locale,id그리고token보기를 입력하기 전에API의 규약을 존중하여token기본 부모 경로 내의 쿼리 매개 변수로 사용됨. 기존 Angul의 UI 라우터 구현에서 나온 나는 이것이 바로 다음 방법이라고 생각했다. // main.js new Vue({ el: '#app', router, store, template: '' }) // router.js const router = new Router({ mode: 'history', routes: [ { name: 'start', path : '/:locale/..

VUE에서 선호하는 템플릿 및 로직 공유 접근 방식 나는 논리학과 템플릿을 공유하는 연관성이 없는 두 개의 문맥 구성요소가 있는데 하나는 다른 것을 확장하는 것처럼 보인다. 다음과 같은 Imagine Drop 및 Pick 구성 요소: // pick.js import Vue from 'vue' import Component from 'vue-class-component' @Component export default class Pick extends Vue { template: '{{name}}', created() { console.log('Hello Pick'); } data: { name: 'pick', count: 0 }, methods: { add: function () { this.count++..

$route.params를 시청하십시오.슬러그가 vuej를 트리거하지 않음 나는 내 $route.params가 실행될 때 vuejs의 감시 속성을 사용하려고 한다.잔돈은 잘 안 되는 것 같은데... 내 루트로.파람스.라우터 링크를 클릭해도 실제 변경 내용이 삭제되지만 감시자가 트리거되지 않음... 내 앱 js가 있다. import Vue from 'vue' import VueRouter from 'vue-router' import Clients from './components/ClientsComponent' import Slider from './components/SliderComponent' import store from './store/store' require('./bootstrap'); Vu..

vuejs 기록 모드 라우팅 기록 모드를 사용하여 더 긴 URL 경로로 라우트하려면 어떻게 해야 하는가? 예:/catalog/[product-name]/p/[product-id] 이 사이트는 기록 모드가 켜져 있는 상태에서 공백 상태가 된다.CSS 및 JS에 다음 유형의 오류가 있는 경우 '{URL}/카탈로그/[product-name]/p/dist/build.js'에서 스크립트 실행을 거부함. 해당 MIME 유형('text/html')이 실행 불가능하고 엄격한 MIME 유형 검사가 사용 가능하기 때문이다. 라우터 코드: const router = new VueRouter({ mode: 'history', routes: [ { path: '/catalog/my-product-name/p/MASN123U',..

VueJs: 구성 요소 내부의 루트 요소에서 방법 사용 간단한 HTML 페이지에서는 다음과 같은 vueJs 코드를 사용했다.나는 DOM에 체크박스와 텍스트를 삽입할 버튼을 클릭해야 한다. 내 코드는 다음과 같다. Add! {{ title }} 그리고 자바스크립트 부분은 다음과 같다. 페이지를 실행하면 콘솔에서 다음 오류 메시지가 나타난다. [부유 경고]:이벤트 "클릭"에 대한 잘못된 핸들러: 정의되지 않음(구성 요소에서 발견됨) 나는 그것을 이해한다addItem메서드가 정의되지 않음add-item-template템플릿 등을 사용했지만addItem소품으로서, 클릭 핸들러는 정의되지 않게 된다. 이제 어떻게 하면 클릭 핸들러를 작동시킬 수 있을까?하위 구성 요소에서 이벤트를 클릭하고 상위 구성 요소에서 출력..