मेरे पास vue.js में मेरे घटक वर्ग की दो स्क्रिप्ट हैं। शायद यह मेरे फ्रंटएंड के साथ समस्या का कारण बनता है। मैं इसे एक कार्यशील स्क्रिप्ट में कैसे जोड़ सकता हूं? अगर कोई समस्या किसी और चीज से है, तो वह क्या हो सकती है?

<script>
import GETUSER from "@/graphql/getUser.gql"

export default {
  props: ["user"],
  data(){
    return{
      id: this.$route.params.id,
      panels:{
          'X': false,
          'Y': false
      }
  }},
  computed:{

  }
}
</script>

और दूसरी लिपि

<script>
import PieChart from "@/PieChart.js";
export default {
  name: "App",
  components: {
    PieChart
  },
  data() {
    return {
      chartOptions: {
        hoverBorderWidth: 20
      },
      chartData: {
        hoverBackgroundColor: "red",
        hoverBorderWidth: 10,
        labels: ["Green", "Red", "Blue"],
        datasets: [
          {
            label: "Data One",
            backgroundColor: ["#41B883", "#E46651", "#00D8FF"],
            data: [1, 10, 5]
          }
        ]
      }
    };
  }
};
</script>
-1
Mikred 15 जिंदा 2020, 01:47

1 उत्तर

सबसे बढ़िया उत्तर

दो लिपियों को मर्ज करने के लिए आप बस:

<script>
import PieChart from "@/PieChart.js"
import GETUSER from "@/graphql/getUser.gql"

export default {
  name: "App",
  props: ["user"],
  components: {
    PieChart
  },
  data() {
    return {
      id: this.$route.params.id,
      panels:{
          'X': false,
          'Y': false
      },
      chartOptions: {
        hoverBorderWidth: 20
      },
      chartData: {
        hoverBackgroundColor: "red",
        hoverBorderWidth: 10,
        labels: ["Green", "Red", "Blue"],
        datasets: [
          {
            label: "Data One",
            backgroundColor: ["#41B883", "#E46651", "#00D8FF"],
            data: [1, 10, 5]
          }
        ]
      }
    }
  }
}
</script>

नोट: आपने GETUSER आयात कर लिया है, लेकिन आप इसका उपयोग नहीं कर रहे हैं?

1
Nate 15 जिंदा 2020, 21:35