TA貢獻1836條經(jīng)驗 獲得超5個贊
您可以使用palindrome()類中的函數(shù)：
創(chuàng)建一個數(shù)據(jù)道具來保存用戶輸入（例如， named?input），并綁定<v-text-field>?v-model到它。
使用您在問題中提到的函數(shù)，創(chuàng)建一個返回是否為回文的計算道具（例如， named ）。isPalindromeinput
使用樣式綁定應用color基于isPalindrome.
使用字符串插值來顯示用戶輸入是否為回文，基于isPalindrome.
<template>
? <v-row>
? ? <v-text-field label="Palindrome" v-model="input" 1?? />
? ? <span :style="{ color: isPalindrome ? 'green' : 'red' }" 3??>
? ? ? {{ isPalindrome ? 'Yes' : 'No' }} 4??
? ? </span>
? </v-row>
</template>
<script>
import { Component, Vue } from 'vue-property-decorator'
function palindrome(str: String) { /*...*/ }
@Component
export default class Palindrome extends Vue {
? input = '' // 1??
? get isPalindrome() { // 2??
? ? return this.input && palindrome(this.input)
? }
}
</script>
舉報