小编Ilh*_* GX的帖子

假设我有这段代码

<main>
    <form>
        <input type="text" v-model="name"> 
        <button type="submit" @click="submit">
            Submit From Vue Property
        </button>
    </form>
</main>

这就是Vue代码。

new Vue({
   el : 'main',
   data : {
       name : ''
   },
   methods : {
      submit(){

      }
   }
}) 

如何从Vue数据属性提交到服务器？我在提交方法中使用的。

（老实说，我的实际代码很复杂，但问题是相同的。如何改为提交Vue数据属性？）

我想将数据从父级传递到孙级（即图表）并具有反应性，因此我使用道具。

这是家长

下面的“kalkulator-data”组件已工作，用于将数据添加到Parent。

<template>
    <div class="container">
        <div class="row">

                <kalkulator-data 
                    :saldoAwal="saldoAwal" 
                    :saldoTerpakai="saldoTerpakai" 
                    :saldoAkhir="saldoAkhir"
                    :dataKategori="dataKategori"
                    :dataPengeluaran="dataPengeluaran"

                    @inputSaldo="saldoAwal = $event"
                    @inputPengeluaran="dataPengeluaran.push($event)">

                </kalkulator-data>

                <kalkulator-chart
                    :chartData="chartData"
                    :chartOptions="chartOptions">    

                </kalkulator-chart>

        </div>
    </div>
</template>

<script>
    import Chart from './Bagian/Chart.vue';
    import Data from './Bagian/Data.vue';

    export default {
        data(){
            return {
                saldoAwal : 0,
                dataPengeluaran : [{ kategori : 'Abi', nominal : 12}, { kategori : 'Ilham', nominal : 13}],
                dataKategori : [
                    'Makan dan Minum',
                    'Berbelanja',
                    'Perlengkapan Rumah',
                    'Transportasi',
                    'Kendaraan',
                    'Gaya Hidup dan Hiburan',
                    'Komunikasi',
                    'Pengeluaran …

这是我的环境：操作系统：Linux Mint 19 Tara Cinnamon 64bit（基于 Ubuntu 18.04）

$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[?] Flutter (Channel beta, v0.10.2, on Linux, locale en_US.UTF-8)
[?] Android toolchain - develop for Android devices (Android SDK 28.0.3)
[?] Android Studio (version 3.2)
[?] VS Code (version 1.28.2)
[?] Connected device (1 available)

• No issues found!

当我Debug > Start Debugging在 Visual Studio Code 中单击时，此错误出现在调试控制台中。

Launching lib/main.dart on Android SDK built for x86 in debug …

我想在我的苗条项目中使用css框架，在本例中为uikit。

我已经安装了 yarn add uikit

当然，我必须导入css文件，

@import '../node_modules/uikit/dist/css/uikit.min.css"

但这不管用，无论我在哪里导入

• App.svelte风格
• 内部global.css
• 在index.html中使用标记

这还不可用吗？

还是我应该用yarn来安装它，然后像[此解决方案]一样将必需的文件复制到外部node_modules？（如何将nodesmodules中的CSS添加到Svelte中的template.html中）

我认为这不仅是针对uikit的限制，而是我们将node_modules中的第三方css文件导入svelte应用程序的方式