第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何對文本區(qū)域組件文本值進(jìn)行數(shù)據(jù)綁定和更新?

如何對文本區(qū)域組件文本值進(jìn)行數(shù)據(jù)綁定和更新?

Smart貓小萌 2022-09-23 21:25:43
就在1周前,我一直在為一個項(xiàng)目在VueJS上工作。我創(chuàng)建了兩個組件: * 帳戶.vue (父級)<!--It's just a little part of the code--> <e-textarea    title="Informations complémentaires"    @input="otherInformation" <!--otherInformation is a string variable which contains the text value-->    :value="otherInformation"></e-textarea>TextArea.vue (子組件)<template>  <div class="form-group">    <label for="e-textarea">{{ title }}</label>    <textarea      id="e-textarea"      class="form-control"      row="3"      :value="value"      v-on="listeners"    >    </textarea>  </div></template><script>import { FormGroupInput } from "@/components/NowUiKit";export default {  name: "e-textarea",  components: {    [FormGroupInput.name]: FormGroupInput  },  props: {    title: String,    value: String  },  computed: {    listeners() {      return {        ...this.$listeners,        input: this.updateValue      };    }  },  methods: {    updateValue(value) {      this.$emit("input", value);    }  },  mounted() {    console.log(this.components);  }};</script><style src="@/assets/styles/css/input.css" />當(dāng)我從我的 Account.vue 在文本區(qū)域自定義組件中編寫某些內(nèi)容時,我的文本值不會更新,并且我的偵聽器函數(shù)也不會傳遞。我需要有別的東西嗎?
查看完整描述

2 回答

?
梵蒂岡之花

TA貢獻(xiàn)1900條經(jīng)驗(yàn) 獲得超5個贊

您可以通過v模型輕松執(zhí)行此操作:


<textarea

  id="e-textarea"

  class="form-control"

  row="3"

 v-model="value"

>

</textarea>

它等于:


<textarea

  id="e-textarea"

  class="form-control"

  :value="value"

  @input="value = $event.target.value"> </textarea>


查看完整回答
反對 回復(fù) 2022-09-23
?
30秒到達(dá)戰(zhàn)場

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個贊

綁定自定義和事件中的值:textareainput


CustomTextarea.vue


<template>

  <div class="form-group">

    <label for="e-textarea">{{ title }}</label>

    <textarea

      id="e-textarea"

      class="form-control"

      row="3"

      v-bind:value="value"

      v-on:input="$emit('input', $event.target.value)"

    >

    </textarea>

  </div>

</template>

<script>

import { FormGroupInput } from "@/components/NowUiKit";


export default {

  name: "e-textarea",

  components: {

    [FormGroupInput.name]: FormGroupInput

  },

  model: {

    prop: "textAreaVue"

  },

  props: {

    title: String,

    value: String

  },

  computed: {

    listenerFunction() {

      return {

        ...this.$listener,

        input: this.updateValue

      };

    }

  },

  methods: {

    updateValue(value) {

      console.log("function has been passed");

      this.$emit("input", value);

    }

  },

  mounted() {

    console.log(this.components);

  }

};

</script>


<style src="@/assets/styles/css/input.css" />

并將其與以下各項(xiàng)一起使用:v-model


<custom-textarea

    title="Informations complémentaires"

    v-model="otherInformation"></custom-textarea>


查看完整回答
反對 回復(fù) 2022-09-23
  • 2 回答
  • 0 關(guān)注
  • 105 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號