vue.js 自定义属性

JavaScript030

vue.js 自定义属性,第1张

,解决方案1: 你可以把你操作的值存储到本地数据里,也就是说,在页面加载的时候,首先获取location的值,如果没有这个记录,那就是红色,如果有就是#ccc,点击之后,将location.set('color',#ccc)同时把当前背景色也设为#ccc,这样,你下次打开的时候,还是#CCC,类似于一个皮肤功能 。

方案2:把你操作的结果保存到数据库,

vue({

created(){

在这里请求ajax,获取你要的颜色属性。

}

});

方案3 :单纯的CSS实现。设置伪类

:link{}

:active{}

具体如何,可以根据你的业务场景选用 。

第一步,创建静态页面vtext.html,修改title显示的内容并引入vue.js,

第二步,在body标签元素内插入两个span元素,在第一个span绑定v-text指令,第二个span中插入{{message}},

第三步,编写JS代码,绑定数据源message,

第四步,预览静态页面vtext.html,发现{{message}}还是一样,未变成赋的值,

第五步,在两个span外层添加一个div,并将第一个span的id赋给div,再在第一个span标签上绑定v-model,

第六步,再次预览发现页面中的{{message}}变为绑定的数据源.