vue 字符串截取 slice ,substr,substring區(qū)別

1.slice(開始下標(biāo),結(jié)束下標(biāo)) ,.返回截取出來的字符串,不包含結(jié)束下標(biāo)對應(yīng)的字符串
1.1下標(biāo)可以為負數(shù) -1 是末尾最后一個下標(biāo),-2下標(biāo)就表示倒數(shù)第二個下標(biāo)
1.2 結(jié)束下標(biāo)省略 默認截取到字符串末尾
2.substr(開始下標(biāo),截取長度) 返回截取出來的字符串
2.1可以使用負數(shù)表示開始下標(biāo)
2.2結(jié)束下標(biāo)省略 默認截取到字符串末尾

  1. substring(開始下標(biāo),結(jié)束下標(biāo)) 返回截取出來的字符串,不包含結(jié)束下標(biāo)對應(yīng)的字符串
    3.1 不可以使用負數(shù)下標(biāo) -1 會被轉(zhuǎn)化成0
    3.2結(jié)束下標(biāo)省略 默認截取到字符串末尾

判斷當(dāng)前變量不為空
typeof obj !== 'undefined' || a !== null

重置vue組件的data數(shù)據(jù) this.$options.data() 重置

方法一
我們通常使用element-ui form表單組件時 點擊表單重置按鈕清空form表單數(shù)據(jù)

使用表單ref屬性對象的resetFields() 方法可以重置表單

<template>
<el-button @click="resetForm('ruleForm')">重置</el-button>
</template>

<script>
methods: {
resetForm(formName) {
this.$refs[formName].resetFields();
}
}
</script>

方法二
vue中 this.options.data() 可以重置vue組件中的data數(shù)據(jù) <script> export default { data() { return { // data表單對象 form: { input: '' } } }, methods: { // 重置表單方法 retset() { this.form = this.options.data().form;
}
},
}
</script>
方法三
使用Object.assign()方法,Object.assign (target, ...sources) 【target:目標(biāo)對象】,【souce:源對象(可多個)】

如果目標(biāo)對象中的屬性具有相同的鍵,則屬性將被源對象中的屬性覆蓋。后面的源對象的屬性將類似地覆蓋前面的源對象的屬性
Object.assign(this.data.formData, this.options.data().formData) // 重置至初始化值

重置方法:Object.assign(this.data.deviceForm, this.options.data.call(this).deviceForm)

報錯:"TypeError: this.$t is not a function"

錯誤原因:data數(shù)據(jù)中用到了this,調(diào)用this.$options.data()方法時this指向出現(xiàn)了不一致,重新用call方法指向下this即可。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容