Question

我无法访问Vue组件。这是一个使用计算属性的图表，这些属性是反应性的。

在文档中，我找到了一个示例，该示例如何“重排”图表，效果很好。但是我想在状态改变时触发这种行为。

if (document.getElementById('html1')) // will return null if doesn't exist.
  x = document.getElementById("html1").innerHTML;

是否有一种方法可以从mounted() { this.isMounted = true; this.$store.watch(state => { if (state.lineData.data.length > 0) { this.reflow(); // ### Want to access the reflow method here // this.$computed.chartOptions.chart desired something like this } }); }, computed: { chartOptions() { var ref = this; return { chart: { map: worldMap, height: "620px", events: { click: function() { console.log(this); this.reflow(); ### This works } } }, } }方法访问计算的属性，或者我在这里做一些根本错误的事情？有一个更好的方法吗？ highcharts API中的mounted事件是保留事件，不允许我使用自定义方法：-/

Answer 1

我找到了一个（对我来说）好的解决方案：

def localProperties = new Properties()
def localPropertiesFile = rootProject.file('local.properties')
if (localPropertiesFile.exists()) {
    localPropertiesFile.withReader('UTF-8') { reader ->
        localProperties.load(reader)
    }
}

def flutterRoot = localProperties.getProperty('flutter.sdk')
if (flutterRoot == null) {
    throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
}

def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
if (flutterVersionCode == null) {
    flutterVersionCode = '1'
}

def flutterVersionName = localProperties.getProperty('flutter.versionName')
if (flutterVersionName == null) {
    flutterVersionName = '1.0'
}

apply plugin: 'com.android.application'
apply plugin: 'kotlin-android'
apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"

android {
    compileSdkVersion 29

    sourceSets {
        main.java.srcDirs += 'src/main/kotlin'
    }

    lintOptions {
        disable 'InvalidPackage'
    }

    defaultConfig {
        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
        applicationId "com.example.sfav1"
        minSdkVersion 16
        targetSdkVersion 29
        versionCode flutterVersionCode.toInteger()
        versionName flutterVersionName
        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }

    buildTypes {
        release {
            // TODO: Add your own signing config for the release build.
            // Signing with the debug keys for now, so `flutter run --release` works.
            signingConfig signingConfigs.debug
        }
    }
}

flutter {
    source '../..'
}

dependencies {
    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test:runner:1.1.1'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.1.1'
}

VueJS：使用Vuex watcher重绘/重排组件

1 个答案: