vue的几种绑定变量的值防止其改变的方法

1、Object.freeze(obj)语句obj={foo:"nan"}Object.freeze(obj);用该语句固定变量后，之后对这个变量的更改都会无效，并在console中报错。2、v-once元素绑定{{msg}}当msg数据改变之后span的内容也会当即发生改变，但是如果{{msg}}如果加上了v-once绑定那么就算数据中的msg改变span里的内容不会随之

ParadiserD

4471人浏览 · 2018-01-22 22:44:25

ParadiserD · 2018-01-22 22:44:25 发布

1、Object.freeze(obj)语句

obj={
 foo:"nan"
}
Object.freeze(obj);

用该语句固定变量后，之后对这个变量的更改都会无效，并在console中报错。

2、v-once元素绑定

<span>{{msg}}</span>

当msg数据改变之后span的内容也会当即发生改变，但是如果

<span v-once>{{msg}}</span>

如果加上了v-once绑定那么就算数据中的msg改变span里的内容不会随之改变。但是这个并不是防止数据改变，而只是绑定了一个html元素使之不要改变

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^