| | |
| | | <template> |
| | | <view class="oi-form-textarea"> |
| | | <textarea v-if="model" class="textarea" :class="data.disabled?'input-disabled':''" v-model="model[data.fieldId]" |
| | | :focus="focus" :placeholder="data.placeholder" @blur="onChange" @confirm="onConfirm" @click="onClick" |
| | | :focus="focus" :placeholder="data.placeholder" @focus="onFocus" @blur="onChange" @confirm="onConfirm" @click="onClick" |
| | | :disabled="data.disabled"></textarea> |
| | | <textarea v-else class="textarea" :class="data.disabled?'input-disabled':''" v-model="data.value" :focus="focus" |
| | | :placeholder="data.placeholder" @blur="onChange" @confirm="onConfirm" @click="onClick" |
| | | :placeholder="data.placeholder" @focus="onFocus" @blur="onChange" @confirm="onConfirm" @click="onClick" |
| | | :disabled="data.disabled"></textarea> |
| | | </view> |
| | | </template> |
| | |
| | | }, |
| | | methods: { |
| | | onChange(e) { |
| | | this.$emit("change", e) |
| | | this.$emit("on-change", e) |
| | | }, |
| | | onConfirm(e) { |
| | | this.onChange(e) |
| | | }, |
| | | onClick(e) { |
| | | this.$emit("click", e) |
| | | this.$emit("on-click", e) |
| | | }, |
| | | onFocus(e) { |
| | | this.$emit("on-focus", e) |
| | | }, |
| | | |
| | | |