>

예를 들어 Vue 오류가 발생합니다 :

<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/{{ form.screw.drive_image }}" >

나는 {{ form.screw.drive_image }} 를 쓰고있다  src 소품에서.

Vue의 경고에서 해결해야 할 일이 명확하지 않습니다.

아무 생각 없나요?


  • 답변 # 1

    Derek에게 감사합니다 (위의 의견 참조). 정답은 다음과 같습니다.

    :src="'<?= get_stylesheet_directory_uri(); ?>/images/' + form.screw.drive_image"
    
    

    다음 사항을 참고하십시오 :

    :src   v-bind:src 의 속기입니다

    <?=   <?php echo [...] 의 속기입니다

    이 경우 Vue의 데이터는 중괄호가 필요하지 않습니다

    Vue의 props에서의 계산은 자바 스크립트이므로 : src에서는 + 를 사용하고 있습니다  연결하기

  • 답변 # 2

    v-bind 를 사용합니다  설명서에서 요약 :

    와이즈 비즈

    형식 :

    Dynamically bind one or more attributes, or a component prop to an expression.

    최종 제품 :

    <img :src="'some_string' + some_data">
    
    

  • 답변 # 3

    사용해야합니다

    <img :src="'<?=get_stylesheet_directory_uri(); ?>/images/' + form.screw.drive_image">
    
    

    form.screw.drive_image의 값을 변경하여get_stylesheet_directory_uri ()

    <img v-bind:src="form.screw.drive_image" />

관련 자료

  • 이전 python 2.7 - nao 로봇의 almemory 데이터에 대한 반복 액세스 - 데이터를 찾을 수 없습니다
  • 다음 java - 스프링 부트없이 JPA 리포지토리를 사용하는 방법