v-model practice notes

This commit is contained in:
xiangshu233 2022-10-16 23:01:51 +08:00
parent 1aece88fb3
commit e64431a266

View File

@ -1,17 +1,15 @@
<template> <template>
<div> <div>
<van-cell title="单元格" :is-link="true" /> <p class="text-30px mb-50px"> vue3 v-model 的变化</p>
<van-cell title="单元格" :is-link="true" value="内容" /> input: <input v-model="name" />
<van-cell title="单元格" is-link arrow-direction="down" value="内容" /> <p> {{ name }}</p>
<van-cell title="单元格" is-link />
<van-cell title="单元格" is-link value="内容" />
<van-cell title="单元格" is-link arrow-direction="down" value="内容" />
<van-cell :border="false" title="个人信息" :is-link="true" to="/" />
<van-cell title="URL 跳转" is-link url="https://github.com" />
<van-cell title="路由跳转" is-link to="/" />
</div> </div>
</template> </template>
<script setup lang="ts"></script> <script setup lang="ts">
import { ref } from 'vue';
const name = ref('Alice');
</script>
<style scoped></style> <style scoped></style>