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

网站怎么更改关键词百度一下浏览器下载安装

网站怎么更改关键词,百度一下浏览器下载安装,黄页88网免费b2b,营销策划与推广6.4.【v-model】&#xff1a;双向绑定 概述&#xff1a;实现 父↔子 之间相互通信。 前序知识 —— v-model的本质 <!-- 使用v-model指令 --> <input type"text" v-model"userName"> ​ <!-- v-model的本质是下面这行代码 --> <inpu…

6.4.【v-model】:双向绑定

  1. 概述:实现 父↔子 之间相互通信。

  2. 前序知识 —— v-model的本质

    <!-- 使用v-model指令 -->
    <input type="text" v-model="userName">
    ​
    <!-- v-model的本质是下面这行代码 -->
    <input type="text" :value="userName" @input="userName =(<HTMLInputElement>$event.target).value"
    >
  3. 组件标签上的v-model的本质::moldeValueupdate:modelValue事件。

    <!-- 组件标签上使用v-model指令 -->
    <AtguiguInput v-model="userName"/>
    ​
    <!-- 组件标签上v-model的本质 -->
    <AtguiguInput :modelValue="userName" @update:model-value="userName = $event"/>

    AtguiguInput组件中:

    <template><div class="box"><!--将接收的value值赋给input元素的value属性,目的是:为了呈现数据 --><!--给input元素绑定原生input事件,触发input事件时,进而触发update:model-value事件--><input type="text" :value="modelValue" @input="emit('update:model-value',$event.target.value)"></div>
    </template>
    ​
    <script setup lang="ts" name="AtguiguInput">// 接收propsdefineProps(['modelValue'])// 声明事件const emit = defineEmits(['update:model-value'])
    </script>
  4. 也可以更换value,例如改成abc

    <!-- 也可以更换value,例如改成abc-->
    <AtguiguInput v-model:abc="userName"/>
    ​
    <!-- 上面代码的本质如下 -->
    <AtguiguInput :abc="userName" @update:abc="userName = $event"/>

    AtguiguInput组件中:

    <template><div class="box"><input type="text" :value="abc" @input="emit('update:abc',$event.target.value)"></div>
    </template>
    ​
    <script setup lang="ts" name="AtguiguInput">// 接收propsdefineProps(['abc'])// 声明事件const emit = defineEmits(['update:abc'])
    </script>
  5. 如果value可以更换,那么就可以在组件标签上多次使用v-model

    <AtguiguInput v-model:abc="userName" v-model:xyz="password"/>

http://www.ds6.com.cn/news/121879.html

相关文章:

  • 开学第一课汉字做网站十大互联网广告公司
  • 做网站建设的网络公司经营范围怎样填软文写作是什么意思
  • 怎么看一个网站做没做竞价东莞建设企业网站公司
  • 小程序就是做网站国内搜索引擎排名
  • 运营一个网站的费用推广策略怎么写
  • 湖北网站建设费用世界球队最新排名
  • 大良品牌网站建设郑州推广优化公司
  • 娄底网站建设报价seo初级入门教程
  • 网站备案号被注销上海seo网站策划
  • 专业服务网站开发百度知道首页官网
  • 国外做鞋子的网站有哪些晚上国网app
  • 后期网站俄罗斯搜索引擎yandex官网入口
  • 做音乐网站需要什么网站关键字优化软件
  • 自己怎么开发网站站长之家字体
  • 网站怎样做才能有点击率线上宣传渠道
  • 农博园网站建设投标书友情链接检查工具
  • 比较好的网站设计公司网址搜索
  • 有个找人做任务赚返佣的网站我想做电商怎么加入
  • 外包加工网官网外发加工是真的吗googleseo排名公司
  • axure做的网站网络互联网推广
  • 网站分析怎么做的百度小程序
  • 网站建设完成后期维护网站项目开发流程
  • 个人怎么做淘宝客网站吗网络营销软件网站
  • 有什么网站可以做扣扣头像网站怎么做外链
  • 桓台做网站下载微信
  • 美国服务器怎么搭建网站网络seo是什么意思
  • 建设银行大连招聘网站教育机构
  • 聊城网站建设制作开发公司现在推广一般都用什么软件
  • 为什么不用原来的网站做推广网站seo报价
  • 东莞单位网站建设新媒体运营岗位职责