vue 字符串截取 slice ,substr,substring区别

1.slice(开始下标,结束下标) ,.返回截取出来的字符串,不包含结束下标对应的字符串
1.1下标可以为负数 -1 是末尾最后一个下标,-2下标就表示倒数第二个下标
1.2 结束下标省略 默认截取到字符串末尾
2.substr(开始下标,截取长度) 返回截取出来的字符串
2.1可以使用负数表示开始下标
2.2结束下标省略 默认截取到字符串末尾

  1. substring(开始下标,结束下标) 返回截取出来的字符串,不包含结束下标对应的字符串
    3.1 不可以使用负数下标 -1 会被转化成0
    3.2结束下标省略 默认截取到字符串末尾

判断当前变量不为空
typeof obj !== 'undefined' || a !== null

重置vue组件的data数据 this.$options.data() 重置

方法一
我们通常使用element-ui form表单组件时 点击表单重置按钮清空form表单数据

使用表单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数据 <script> export default { data() { return { // data表单对象 form: { input: '' } } }, methods: { // 重置表单方法 retset() { this.form = this.options.data().form;
}
},
}
</script>
方法三
使用Object.assign()方法,Object.assign (target, ...sources) 【target:目标对象】,【souce:源对象(可多个)】

如果目标对象中的属性具有相同的键,则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性
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数据中用到了this,调用this.$options.data()方法时this指向出现了不一致,重新用call方法指向下this即可。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容