prostudy

Vuejs에서, 모델을 단추에 묶는 것이 가능한가? 이제 막 Vuejs와 함께 작업하기 시작함 - 다음과 같은 버튼에 모델을 바인딩할 수 있는가? edit 그런 것 같지 않다.관용적 패턴은 다음을 사용할 것인가? edit 어느 것이 효과가 있는 것 같니?vuejs의 v-model은 모델에서 템플릿 및 템플릿으로 데이터를 바인딩하기 위해 입력 필드에서 모델에 사용되는 양방향 바인딩에 사용되며, v-model을 버튼에 추가할 수 없으며, 이는 올바르지 않다.따라서 두 번째 접근법이 올바르다. edit 참조URL: https://stackoverflow.com/questions/46362189/in-vuejs-is-it-possible-to-bind-a-model-to-a-button

v-select 또는 v-comobox에서 "모두 선택" 옵션을 사용하는 방법 모든 항목을 선택하기 위한 모든 선택 옵션을 어떻게 가지고 있는가?v-select또는 av-combobox?Vuetify는 없다.Select all에 대한 선택권.v-select하지만 버튼과 방법을 사용하면 스스로 할 수 있다. 다음과 같이: JS methods: { selectAll(){ // Copy all v-select's items in your selectedItem array this.yourVSelectModel = [...this.vSelectItems] } } HTML Select all CodePen with SelectAll 버튼 EDIT v1.2 Vuetify 추가됨prepend-item항목을 나열하기 ..

Vue js 어레이로 문자열을 분할하고 목록 렌더러에서 사용하는 방법 리스트의 행을 나누어 이와 같은 다른 리스트 문장에 그 결과를 사용하고 싶다. 나는 사실 이 타입의 Vue 리스트 렌더러의 구문이 틀리다는 것을 알고 있지만, 나는 당신에게 내가 필요한 것을 보여주고 싶다! var app = new Vue({ el : "#app", data : { list : [ { 'name' : 'aaa', 'codes' : '111+222+333' }, { 'name' : 'bbb', 'codes' : '432+456+678' } ] } }) {{ row.name }} {{ code }} 업데이트: 위의 코드가 올바르고 이와 같은 필터를 사용할 때 문제가 발생했는데 잘못된 경우: v-for="code in (ro..

Vue: 버튼 클릭 시 .focus()를 호출하는 방법 나는 단지 코딩을 시작했을 뿐이다.vue.js어제, 그리고 '전통적인' JS 방식을 쓰지 않고 텍스트 박스에 '집중'하는 방법을 모르겠다.document.getElementById('myTextBox').focus(). 처음에 내 텍스트 상자는 숨겨져 있다.시작 단추가 있는데 사용자가 클릭하면 텍스트 상자가 표시되고focus말하자면 거기다나는 이미 사용해 보았다.ref, 그러나 소용이 없었다(아래 코드 참조). HTML: 자바스크립트 export default { name: 'game', methods: { startTimer () { setTimeout(function () { /* .focus() won't work without this */ ..

CMS에서 서버측 렌더링된 콘텐츠로 Vue.js에 하이드레이팅하는 방법? 예를 들어, 다음과 같은 상황을 가정해 보자. WordPress 또는 TYPTO3과 같은 "classic" CMS를 통해 컨텐츠 관리 콘텐츠는 CMS에 의해 완전히 렌더링된 HTML 및 CSS로 전달된다. Frontend Vue.js는 UI와의 모든 상호 작용에 사용해야 한다. 대부분의 Vue 문서와 Vue.js Server-Side Rendering Guide 및 Non-Node.js Environments의 Usage를 읽었지만, 이 작업을 수행하는 방법은 아직 확실하지 않다. 예* 그 페이지는 기본적으로 제품 목록인 구성요소를 가지고 있다.JavaScript를 사용하는 모든 사람의 경우 이 목록은 맨 위에 필터를 가진다. CM..

TypeORM 및 Vue 클래스 구성 요소 풀 스택 애플리케이션(앱)을 만들고 있다. 백엔드:노드, 유형자, TypeORM 프런트엔드:Typecript, Vue(Vue CLI 및 클래스 구성 요소 사용) 웹팩용 TypeORM 심을 사용하여 프런트엔드와 모델을 공유하려고 한다.이것은 대체로 효과가 있다.그러나 구성요소 방법 서명에 도면요소 유형을 사용할 때 다음 오류가 표시됨: import { Component, Vue, Watch } from "vue-property-decorator"; import { Family } from "@/entity/Family"; @Component() export default class MyComponent extends Vue { newFamily: Family | ..

vue 관련 문제 다시 한 번 발생: vue를 2.5에서 2.6.8로 업데이트하고 [Vue warn]:구성 요소를 마운트하지 못함: 템플릿 또는 렌더 함수가 정의되지 않음 나는 Vue와 함께 laravel 5.7을 사용하고 있다.나는 Vue를 2.5 버전에서 2.6.8 버전으로 업데이트하기로 했는데, 지금은 모든 구성 요소가 작동하지 않아.모든게 제대로 돌아가기 전에.예시 프로젝트를 만들었는데: 시험해 보다php app.js require('./bootstrap'); const axios =require('axios'); window.Vue = require('vue'); Vue.component('example', require("./components/ExampleComponent.vue")); Tr..

Vue.js 계산 함수에서 다중 차원 배열 필터링 우선 순위가 3가지 다른 태그 도구 구성요소를 가지고 있다.이제 필터 검색을 하고 싶다.접속이 가능한가?tags[n]계산에 의하면tagsFilter기능? 현재 버전: https://jsfiddle.net/hej7L1jy/26/ 다음으로 대체하고자 하는 항목:v-for="tag in tagsFilter" a를 받는 순간 누구 아이디어 있는 사람? Vue.js 템플릿: {{n}} tag priority {{tag.title}} Vue.js 구성 요소: new Vue({ el: '#app', props: { selectedTags: { type: Array } }, data() { return { prios: [ 1, 2, 3 ], tagSelected: []..

Vuejs는 이것을 타이프로 표현한다.$refs..값이 존재하지 않음 내 VueJs 프로젝트를 타이프스크립트로 다시 쓰는 동안, 나는 TypeScript 오류를 발견했다. 이것은 사용자 지정 v-모델이 있는 구성 요소의 일부분이다. html의 입력 필드에는 'plate'라는 ref가 있는데 나는 그 값에 접근하고 싶다.저 필드의 @input은 아래에 쓰여진 업데이트 방법을 호출한다. 활자는 플레이트에 가치가 없다고 불평하고 있다. @Prop() value: any; update() { this.$emit('input', plate: this.$refs.plate.value }); } 템플릿: Plate 다음 작업을 수행하십시오. class YourComponent extends Vue { $refs!: ..

작성 및 읽기 작업에 동일한 양식을 사용 나는 주인과 아이 구성요소를 가지고 있다.자식 구성 요소는 생성 모드 및 편집 모드의 데이터를 유지한다.하위 섹션에는 구성 요소가 생성 모드에 있을 때 사용되는 다음과 같은 데이터 섹션이 있음 data() { return { title: '', description: '', organizer: '', startdate: '', enddate: '', email: '', phone: '' } }, 생성 모드에서 입력하는 내용은 다음과 같다. 편집 모드에서는 다음과 같이 클라이언트의 프로펠러 값을 업데이트하고 있다. props:['currentevent'] 커렌테스트의 값은 마스터 컴포넌트에서 하위 컴포넌트로 전달되고 있으며, 현재 편집되고 있는 값이기도 하다. 입력..