当前位置：首页 > news >正文

ps专门做兼职的网站市场调研报告ppt模板

news 2025/7/20 19:18:31

ps专门做兼职的网站,市场调研报告ppt模板,本地做织梦网站,哔哩哔哩网站分析上效果修改值需要带上解构之前的对象名obj， changeName:()>{ // toRefs 解决后变量修改值方法： 解构前变量.字段新值 obj.name FEIFEI; } } 案例源码 <!DOCTYPE html> <html> <head><me…

上效果

修改值需要带上解构之前的对象名obj，

changeName:()=>{
// toRefs 解决后变量修改值方法：解构前变量.字段=新值
obj.name = 'FEIFEI';
}
}

案例源码

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>reactive响应式</title><script src="js/vue3.3.8/vue.global.js"></script><link rel="stylesheet" href="js/elementPlus/index.css"><script src="js/elementPlus/index.full.js"></script>
</head><body>
<div id="app">{{ id }}<br/>{{ name }}<el-button @click="changeName">修改名称（toRefs之后）</el-button>
</div>
</body>
<script>const {createApp, ref, toRefs} = Vueconst app = Vue.createApp({setup(prop, context) {const {toRefs, reactive} = Vue;//reactive与toRefs配合使用let obj = reactive({id: 1, name: 'ls'});//将变量通过toRefs解析之后，修改变量的值setTimeout(() => {obj.id = 111;}, 2000);const {id, name} = toRefs(obj);return {id,name,changeName:()=>{// toRefs 解决后变量修改值方法： 解构前变量.字段=新值obj.name = 'FEIFEI妃';}}}});app.use(ElementPlus)app.mount("#app")</script>
</html>

查看全文

http://www.mnyf.cn/news/49010.html