joken-前端工程师

  :: 首页 :: 博问 :: 闪存 :: 新随笔 :: :: :: 管理 ::

2024年10月20日

摘要: 代码测试 <template> <div class='box'> {{ demo[0]?.a?.b?.c }} </div> </template> <script lang='ts' setup> import { ref, reactive, computed, onMounted, next 阅读全文
posted @ 2024-10-20 22:50 joken1310 阅读(51) 评论(0) 推荐(0) 编辑

摘要: 代码测试 源对象改变也会改变ref内存数据 <template> <div class='box'> {{ abcDemo?.a?.b?.c }} <button @click="changeAbc">Change ABC</button> <div> {{ abdDemo?.a?.b?.c }} 阅读全文
posted @ 2024-10-20 21:25 joken1310 阅读(64) 评论(0) 推荐(0) 编辑

摘要: <template> <div class='box'> {{ abc[0] }} </div> </template> <script lang='ts' setup> import { ref, reactive, computed, onMounted, nextTick, PropType 阅读全文
posted @ 2024-10-20 20:59 joken1310 阅读(22) 评论(0) 推荐(0) 编辑

摘要: 代码测试 <template> <div class='box'> demo:{{ d }} <div> <child :abc='abc' /> </div> </div> </template> <script lang='ts' setup> import { ref, reactive, c 阅读全文
posted @ 2024-10-20 20:47 joken1310 阅读(16) 评论(0) 推荐(0) 编辑

摘要: <template> <div class='box'> <template v-for="(ditem, dindex) in data1" :key="dindex"> <el-select v-model="ditem.value" clearable filterable> <el-opti 阅读全文
posted @ 2024-10-20 20:29 joken1310 阅读(7) 评论(0) 推荐(0) 编辑