16 lines
5.0 KiB
JavaScript
16 lines
5.0 KiB
JavaScript
import{V as o,_ as x,c as C,a as h,w as _,b as t,d as e,e as g,r as f,o as E}from"./app.f518f228.js";const B={name:"component-doc",components:{"render-demo-0":function(){const{resolveComponent:c,createVNode:l,openBlock:p,createElementBlock:r}=o;function i(u,a){const m=c("f-text");return p(),r("div",null,[l(m,{modelValue:u.text,"onUpdate:modelValue":a[0]||(a[0]=s=>u.text=s)},null,8,["modelValue"])])}const{defineComponent:d}=o,{ref:n}=o;return{render:i,...d({setup(u,{expose:a}){a();const s={text:n("\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C"),ref:n};return Object.defineProperty(s,"__isScriptSetup",{enumerable:!1,value:!0}),s}})}}()}},N=JSON.parse('{"title":"Text \u9759\u6001\u6587\u672C","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/text/index.md"}'),v=t("h1",{id:"text-\u9759\u6001\u6587\u672C",tabindex:"-1"},[e("Text \u9759\u6001\u6587\u672C "),t("a",{class:"header-anchor",href:"#text-\u9759\u6001\u6587\u672C","aria-hidden":"true"},"#")],-1),D=t("p",null,"Text \u7EC4\u4EF6\u7528\u6765\u5C55\u793A\u53EA\u8BFB\u6001\u7684\u9875\u9762\u6570\u636E\u3002",-1),y=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),F=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("script")]),e(),t("span",{class:"token attr-name"},"setup"),e(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[e(`
|
|
`),t("span",{class:"token keyword"},"import"),e(),t("span",{class:"token punctuation"},"{"),e(" ref "),t("span",{class:"token punctuation"},"}"),e(),t("span",{class:"token keyword"},"from"),e(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),e(`
|
|
`),t("span",{class:"token keyword"},"const"),e(" text "),t("span",{class:"token operator"},"="),e(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),e(`
|
|
`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("script")]),t("span",{class:"token punctuation"},">")]),e(`
|
|
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
|
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),e("f-text")]),e(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),e("text"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),e(),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("f-text")]),t("span",{class:"token punctuation"},">")]),e(`
|
|
`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),e("template")]),t("span",{class:"token punctuation"},">")]),e(`
|
|
`)])])],-1),b=g('<h2 id="\u5C5E\u6027" tabindex="-1">\u5C5E\u6027 <a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a></h2><table><thead><tr><th style="text-align:left;">\u5C5E\u6027\u540D</th><th style="text-align:left;">\u7C7B\u578B</th><th style="text-align:left;">\u9ED8\u8BA4\u503C</th><th style="text-align:left;">\u8BF4\u660E</th></tr></thead><tbody><tr><td style="text-align:left;">id</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;">--</td><td style="text-align:left;">\u7EC4\u4EF6\u6807\u8BC6</td></tr></tbody></table><h2 id="\u63D2\u69FD" tabindex="-1">\u63D2\u69FD <a class="header-anchor" href="#\u63D2\u69FD" aria-hidden="true">#</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>\u6682\u65E0\u5185\u5BB9</p></div>',4);function A(c,l,p,r,i,d){const n=f("render-demo-0"),k=f("demo");return E(),C("div",null,[v,D,y,h(k,{sourceCode:`<script setup lang="ts">
|
|
import { ref } from 'vue';
|
|
const text = ref('\u4E00\u6BB5\u7528\u4E8E\u5C55\u793A\u7684\u9759\u6001\u6587\u672C');
|
|
<\/script>
|
|
<template>
|
|
<f-text v-model="text"> </f-text>
|
|
</template>
|
|
`},{highlight:_(()=>[F]),default:_(()=>[h(n)]),_:1}),b])}const w=x(B,[["render",A]]);export{N as __pageData,w as default};
|