prostudy

VueJS 조건부로 요소의 속성 추가 VueJS에서는 v-if를 사용하여 DOM 요소를 추가하거나 제거할 수 있음: Important Button 그러나 다음과 같이 조건부로 설정된 돔 요소의 속성을 추가/제거할 수 있는 방법이 있는가? Username: 다음과 유사한 방법으로: Username: 좋은 생각 있어?시도: 업데이트: Vue 3에서 변경되었으므로 이 답변 https://stackoverflow.com/a/64598898을 참조하십시오.가장 간단한 양식: // if true // if false // test ? true : false Vue 3에서 속성의 조건부 렌더링이 변경됨. 속성 사용을 생략하려면null또는undefined. Vue 2: Result: Result: Vue 3: Resu..

CDN 링크를 사용하여 라이브러리를 reactj로 가져오는 방법 나는 다음과 같이 노력했다. import 'maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'; 그러나 그것은 오류를 발생시킨다.CDN 링크를 내 링크로 가져오는 방법app.js철해 주시겠습니까?다음 행을 html 파일에 포함할 수 있다. 또는 가져오기 명령이 포함된 로컬 스타일시트 파일을 가져올 수 있다.아래 예제를 참조하십시오. 앱.js import './App.scss'; 앱.scss @import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'); CDN을 JS에 넣고 묶는 것이 아니라 ..

Python 3에서 execile의 대안은 무엇인가? Python 3에서는 스크립트를 제거하여 쉽게 로드할 수 있도록 모두 취소한 것 같다.execfile() 내가 놓치고 있는 확실한 대안이 있을까?설명서에 따르면, 다음이 아닌 execfile("./filename") 사용하다 exec(open("./filename").read()) 참조: Python 3.0의 새로운 기능 그냥 파일을 읽고 직접 코드를 실행하면 된다.2대3 전류 교체 execfile("somefile.py", global_vars, local_vars) 로서 with open("somefile.py") as f: code = compile(f.read(), "somefile.py", 'exec') exec(code, global_var..

Laravel의 vue.js 구성 요소에 있는 socket.io을 가져오는 동안 문제 발생 나는 Redis와 Laravel-server를 사용하지 않고 vue.js 컴포넌트와 socket.io이 내장된 Laravel 5.8을 사용하고 있다. npm 설치 npm install vue-socket.io Laravel의 리소스/js/app.js 파일 import VueSocketio from 'vue-socket.io'; Vue.use(VueSocketio); 다음을 사용하여 컴파일할 때 오류가 없음npm run watch명령하다브라우저에서 출력을 확인해보니 다음과 같은 오류가 있다. 클래스를 함수로 호출할 수 없음 문제는 다음과 같다.Vue.use(VueSocketio); 제안 좀 해주시겠습니까? 아래는 패..

useState() 후크는 새 값을 설정할 때 개체에서 필드를 제거함 내가 여기서 뭘 잘못하고 있는지 이해할 수 없어.나는 매우 간단한 오브젝트 상태를 가지고 있다. const [itemInput, setItemInput] = useState({ userId: userId, objectId: id, title: "", description: "", createdAt: new Date().getTime().toString(), }) 그렇다면, 나는 그 정보를 바꾸는 입력을 가지고 있다.title필드: const onChange = (e) => { setItemInput((prevState) => ({ ...prevState, [e.target.name]: e.target.value, })); }; 그리고 ..

ConfigParser에서 사례를 유지하시겠습니까? 나는 Python의 ConfigParser 모듈을 사용하여 설정을 저장하려고 시도했다.내 앱의 경우 내 섹션에 있는 각 이름의 케이스를 보존하는 것이 중요하다.문서에서는 configParser.optionxform()에 str()을 전달하면 이렇게 될 것이라고 언급하지만, 나에게는 효과가 없다.이름은 모두 소문자로 되어 있다.내가 뭘 빼놓았나요? [rules] Monkey = foo Ferret = baz 내가 얻은 것의 파이톤 유사점: import ConfigParser,os def get_config(): config = ConfigParser.ConfigParser() config.optionxform(str()) try: config.read(o..

MD 크기의 장치에 대해서만 요소 표시 https://vuetifyjs.com/en/layout/display에 따르면, 당신은 특정 기기 크기나 범위가 위아래로 가는지 숨길 수 있다.그러나 md 크기의 장치에만 대해 div를 어떻게 표시하시겠습니까? hidden-lg-and-up hidden-sm-and-down효과가 없는 것 같군hidden-{x}-only또한 효과가 없는 것 같다.수업은 효과가 있어야 한다.class="hidden-lg-and-up hidden-sm-and-down" 아니면 당신은 사용할 수 있다.v-show="$vuetify.breakpoint.md" 예이것은 또한 다음과 같은 효과를 발휘해야 한다. class="d-none d-md-flex d-lg-none" 출처.참조URL: ..

페이지 지정과 관찰 가능 및 각도 9의 비동기 파이프를 결합하는 방법? API에서 나온 제품 목록이 있어.제품은 페이지 지정되어 있으며 사용자는 다른 페이지로 전환할 수 있다.단순화된 템플릿은 다음과 같다. {{ product.name }} 1 2 구성 요소는 다음과 같다. export class ProductsComponent implements OnInit { products$: Observable; constructor( private service: ProductService ) { } ngOnInit() { this.products$ = this.service.getAll({page: 1}); } gotoPage(page: number): void { this.products$ = this.se..

vue-cli 구성 요소에서 lib를 빌드하고 가져오기 다음 명령으로 내 lib를 빌드하는 데 vue-cli를 사용하는 경우: "build": "vue-cli-service build --target lib --name myLib ./src/component.vue" 빌드 후 dist 폴더에서 구성 요소를 가져오려면 어떻게 해야 하는가? 가져올 경우path-to-myLib/src/component.vue, 모든 것이 괜찮아!그러나 아래 코드는 작동하지 않는다. // undefined import { component } from 'path-to-myLib/dist/myLib.umd.js' // undefined import myComponent'path-to-myLib/dist/myLib.umd.js' ..

성분 nnxt의 process.env 변수에 액세스할 수 없음 nuxt config에서 나는 Enview object를 가지고 있다. env: { hey: process.env.hey || 'hey' }, 구성 요소 템플릿에 표시하려는 경우: {{ process.env.hey }} 나 에러 받았어. 정의되지 않은 속성의 'env'를 읽을 수 없음 무엇이 그것을 야기시킬 수 있는지 알기나 해?Nuxt < 2.13 process템플릿에는 직접 사용할 수 없지만, 계산된 속성을 생성하거나 구성 요소의 상태에 추가하여 액세스할 수 있다.예를 들면 다음과 같다. {{ message }} export default { computed: { message() { return process.env.hey; }, }, ..