<p>&quot;&lt;view class=&quot;form&quot;&gt;\n    &lt;view class=&quot;form-item&quot;&gt;\n        &lt;text class=&quot;form-item-label&quot;&gt;标题</text>\n        &lt;t-input v-model=&quot;form.title&quot; placeholder=&quot;请输入标题&quot; rounded=&quot;base&quot; /&gt;\n    </view>\n    &lt;view class=&quot;form-item&quot;&gt;\n        &lt;text class=&quot;form-item-label&quot;&gt;内容</text>\n        &lt;Rboy-editor ref=&quot;RboyEditor&quot;&gt;\n        </Rboy-editor>\n    </view>\n    &lt;view class=&quot;form-item&quot;&gt;\n        &lt;text class=&quot;form-item-label&quot;&gt;作者</text>\n        <text>{{ returnform.author }}</text>\n    </view>\n    &lt;view class=&quot;form-item button-container&quot;&gt;\n        &lt;t-btn color=&quot;warning&quot; @click=&quot;resetForm&quot; size=&quot;lg&quot; class=&quot;button&quot;&gt;重置</t-btn>\n        &lt;t-btn color=&quot;success&quot; @click=&quot;submitForm&quot; size=&quot;lg&quot; class=&quot;button&quot;&gt;上传提交</t-btn>\n    </view>\n</view>\n\n<script>\n export default {\n     data() {\n         return {\n             form: {\n                 title: &quot;&quot;,\n                 author: &quot;&quot;\n             },\n             returnform: {\n                 author: &quot;佚名&quot;\n             }\n         };\n     },\n     methods: {\n         resetForm() {\n             this.form.title = &quot;&quot; ;\n             this.form.author = &quot;&quot; ;\n             this.$refs.RboyEditor.resetEditor();\n         },\n         submitForm() {\n             // Submit form logic\n         }\n     }\n };\n</script>\n</p>
uniapp 使用 tob-ui 实现文章编辑器 - 无需填写作者,默认显示“佚名”

原文地址: https://www.cveoy.top/t/topic/qwxg 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录